웹8 리액트 app 설계 컴포넌트 계층 구조로 그려서 나누기 state사용없이 정적인 UI, 규모가 크지 않다면 하향식 최소한의 state 찾기 부모로 부터 props로 전달 받는 경우 시간이 지나도 변하지 않는 경우 컴포넌트 내 다른 state나 props로 구할 수 있는 경우 state가 아닌 경우 state가 어디에 있어야 할지 찾기 state 기반으로 렌더링하는 모든 컴포넌트를 찾아서 가장 최상위의 컴포넌트에 위치 역방향 데이터 흐름 추가하기 상위 컴포넌트의 state를 업데이트하는 코드를 담은 콜백함수를 하위 컴포넌트로 전달하여 하위 컴포넌트의 state가 변화해야하는 위치에서 호출 참고 : https://ko.reactjs.org/docs/thinking-in-react.html 2022. 4. 19. docker 클라이언트 utf8 설정 2번째 아이콘을 눌러 cli를 엽니다. cd ./etc/mysql/confg.d 해당 디렉토리로 이동하여 다음을 입력합니다. vi utf8.cnf vi를 사용할 수 없다면 다음 명령어로 설치합니다. apt-get update apt-get install vim 다음을 입력하고 :wq 명령어로 저장합니다. # for utf8 characterset [client] default-character-set = utf8 [mysqld] init_connect = SET collation_connection = utf8_general_ci init_connect = SET NAMES utf8 character-set-server = utf8 collation-server = utf8_general_ci [mysq.. 2022. 2. 7. ES5 생성자 함수와 ES6 class 객체 지향 프로그래밍의 종류 - 객체 지향 프로그래밍은 class 기반과 prototype 기반으로 나눌 수 있다. - class 기반은 java나 c++을 예로 들 수 있고 prototype 기반은 javascript를 예로 들 수 있다. javascript의 객체 지향 프로그래밍 - javascript는 class가 필요없는 prototype 기반 객체지향 프로그래밍이다. - 물론 ES6부터 class가 추가 되었지만 java나 c++의 class와 다르다. - ES6 class도 프로토타입 기반이다. - ES5 생성자 함수와 ES6 class는 모두 프로토타입 기반의 인스턴스를 생성할 수 있다. class 뿐만 아니라 ES5 생성자 함수로도 구현하려는 이유는? - class는 기존의 생성자 함수에서.. 2022. 1. 14. [webpack] The 'mode' option hans not been set WARNING해결 WARNING in configuration The 'mode' option hans not been set, webpack will fallback to 'production' for this value. Set 'mode' option to 'development' or 'production' to enable defaults for each environment. 이러한 warning이 뜨면 webpack.config.js에서 development mode를 추가하시면 해당 waring은 사라집니다. webpack 4버전으로 업데이트 하면서 모드를 production과 development중에 선택해야하는데 이를 안해주어서 waring이 발생했습니다. production으로 해도 해결되던데 deve.. 2021. 3. 25. 이전 1 2 다음
