2020.코딩일지

DOM이벤트 처리 방식과 유사하다. 다만! React에서 이벤트는 카멜케이스(camelCase) JSX를 사용. 문자열이 아닌 함수로 이벤트 처리 함수(이벤트 핸들러;Event handler)를 전달 onChange 사용자의 입력값을 제어하는 폼(Form)엘리먼트 ` ` 변경될 수 있는 입력값들을 React는 컴포넌트의 state로 관리하고 업데이트 한다! 이벤트가 발생하면 `event.target.value`를 통해 이벤트객체에 담겨있는 `input`값을 가져올 수 있다😚 onClick button click 또는 태그를 통한 이동 등 사용자의 행동에 따른 이벤트. //onChange, onClick 이벤트 예제 import "./styles.css"; import React, { useState } ..

🤖REFERENCE🤖 어떤슨배님의잘정리된블로그 리액트튜토리얼eastflag 컴포넌트의 속성(property) state : 내부에서 변화하는 값=상태 `useState()` `stateHook()` *또읽고싶다**Hook 선배블로그 https://velog.io/@kbm940526/React-Hooks-API props : 외부로부터 전달받은 값.변하지않는값. ex.성별,나이 `props.text` props 컴포넌트간의 통신을 가능하게 한다는점이 가장 중요하다! 부모(상위)컴포넌트로 부터 전달받은 값. 컴포넌트가 최초 렌더링 될 때 화면에 출력하고자 하는 데이터 값을 초기값으로 사용가능 객체의 형태 읽기전용(변하지않는값)read-only : 변경되면안되서! ::만약 읽기전용 객체가 아니라면, 개발자가 ..

1. Hook을 이용해서 App이라는 함수형 컴포넌트 안에 state를 추가한다. 2. useState는 현재 state값과, 이것을 업데이트 하는 함수를 쌍으로 제공한다. 3. 배열 구조 분해를 이용해서, counter라는 변수에 초기 state값 0, setCounter라는 변수에 업데이트 함수를 할당한다. 4. 이후 변수를 컴포넌트에 연결하면, state를 변경할 때마다 리렌더링을 하면서 컴포넌트 전체가 재생성된다. 💃리액트의 3가지 특성 선언형(Declarative) 무엇What에 집중하여 프로그래밍을 하는것 명령형(어떻게How에 집중) 컴포넌트기반(Component-Based) 하나의 기능 구현을 위해 여러 종류의 코드를 묶어둔 컴포넌트기반. 분리하면 서로 "독립적"이고 "재사용" 가능하기때문에..

코드스테이츠 블록체인 부트캠프 6기 (Linux)CLI에서 생성한 폴더나 파일은 GUI로 확인할 수 있고, GUI로 작업한 내용도 CLI에서 확인할 수 있다. 💃작업이 동일하다 ㅋ.ㅋ (마우스키보드모니터-I/O출력소스-없이,서버실에 직접 찾아갈 필요없이, 무료로 컴과 소통가능!) `clear` 깨끗~ `pwd` 현재 위치를 확인 `ls` 폴더나 파일의 목록을 출력 `ls -al` 파일속성 `cd` 폴더에 진입 `open .` 현재 폴더를 파일 탐색기로 열기 `mkdir` 새로운 폴더 생성 `touch` 새로운 파일 생성 `cat` 파일의 내용을 터미널에 출력 **하단에 추가 명령어안내(head tail more less) - `rm` 파일을 삭제(remove) `rm -rf` recursive의미 : 폴..

코드스테이츠 블록체인 부트캠프 6기 💃CSS 사용목적 콘텐츠를 적당한 위치에 배치하는(레이아웃 디자인) 텍스트를 강조하거나 밑줄을 치는 등, 최소한의 타이포그래피(Typography) 요소를 갖추고 있으며 더 나은 사용자경험UX를 제공. 💃CSS 기본 문법과 구조 셀렉터selector {선언블록Declaration block 속성명Property : 속성값Value ;선언구분자 } 💃CSS를 HTML에 적용하는 방법 💃CSS를 이용해 텍스트 꾸미기 id `#` 문서 내에 단 하나의 요소에만 적용할 수 있는 유일한 이름이어야 함. / 특정 요소에 이름을 붙이는 데 사용 class `.` 동일한 값을 갖는 요소 많음 / 스타일의 분류classification에 사용 구글 폰트 선택가능 [https://fon..

[ICT]ERC-20실습 https://waytogo-anne.tistory.com/170 솔리디티이더리움공식문서 https://docs.soliditylang.org/en/v0.8.14/types.html#fixed-point-numbers https://docs.soliditylang.org/en/v0.5.3/index.html 솔리디티 솔리디티는 스마트 컨트랙트를 실행하는 객체 지향(Object-Oriented), 정적 타입(Static Typed), 고급(High-Level) 스크립트 언어로, EVM에서 실행됩니다. 튜링 완전 언어이다. 어떤 프로그래밍 언어나 추상 기계가 튜링 머신과 동일한 연산 능력을 갖출 때, 우리는 그것이 튜링 완전(Turing-Complete)하다고 말함. EVM은 반복문..

어렵게 AHK로 만들어놨더니.. 결국은 파이썬이네 하하하핳 스릉흔드😍역쉬파이썬너님짱 영역 라이브러리 데스크탑자동화 pyautogui 이미지캡처, 이미지 프로세싱 OpenCV OCR(문자,숫자인식) tesseract 자동화 통합관리 Robot Framework ( https://robotframework.org ) 작업 스케쥴링(주기적 실행) schtasks(윈도우), crontab(리눅스) 보고서 생성 자동화 Jinja2 이메일 자동화 smtplib, EmailMessage 엑셀자동화 OpenPyXL, pandas 브라우저 자동화 Selenium 데이터전처리 numpy, pandas 데이터크롤링 requests, BeautifulShoup 데이터베이스 sqlite3, hdf5 머신러닝, 딥러닝 sciki..

Tesseract-OCR 경로를 추가 https://joyhong.tistory.com/79 NAVER D2] Gray Scale 특징 추출과 CNN 딥러닝과 OpenCV를 활용해 사진 속 글자 검출하기 Morph Gradient(경계이미지추출)->Adaptive Threshold(잡영제거)->Morph Close(작은구멍을 메우고 경계를 강화)->Long Line Remove(글씨추출에 방해되는 요소제거)->Contour추출 http://117.52.129.49/helloworld/8344782 논문]tesseract 4.0.0beta1 보다 tensorflow 1.7.0의 인식률이 58.8% 더 높다. https://scienceon.kisti.re.kr/commons/util/originalView..

1350, 154 위치에 FCFCFC, FBFBFB, FAFAFA 3가지 컬러중 하나만 일치하면 스크롤이 생겼다는 msgBox를 띄우려고했는데 왜 다른 컬러여도 들어가냔 말이다.. 😥 or 대신에 || 를 써도 안되고 set == 으로 바꿔봐도 안되고 0x 대신에 #으로 바꿔봐도 안되고 0x를 삭제해도 안되고 🥶 🤔스크롤바컬러 FB, 스크롤컬러EF (set = "0xEFEFEF") 가능 (set = 0xEFEFEF) 가능 (set = 0xEFEFEF or 0xFBFBFB) 가능

pip install pyautogui가 colab에서는 설치가 안되는거맞씁니까!?! 😥😥😥 😥😥😥 결국 jupyter로 복귀 😥😥😥 😏 🤩🤩🤩 🤓 이번엔 좀더 복잡한 미로에 도전!!! 😨