리액트

[ 학습 목표 ] - 리액트에서 페이지를 구성하는 컴포넌트 개념을 이해하고 html과 css 소스를 적용해 본다. - 컴포넌트의 생성부터 소멸까지의 과정을 생명주기라고 하는데 이 과정에 실행되는 생명주기 함수의 실행 순서를 확인해본다. - 리액트에서 자주 사용하는 ES6 문법과 배열 함수, jquery에 대해 학습한다. 001 _ .jsx에 html 적용하기 yarn install 명령어란, 해당 패키지(여기서는 001 패키지)의 package.json 의 코드들을 보고 필요한 modules 들을 만들어줘서 생기게 해준다. 패키지 실행은 vs-code의 터미널 창에 yarn start 명령어를 입력하면 된다. yarn start 해서 패키지를 실행시키면 index.js 가 가장먼저 실행이 된다. func..

깃으로부터 리액트 다운받기 cmd 명령어 창을 띄우고 다음의 명령어를 입력한다. Node.js 설치 - 다운로드 & 설치 - 다운로드 : https://nodejs.org/dist/v16.13.0/ - 설치파일 : node-v16.13.0-x64.msi cmd 명령어 창을 켜서 위의 사진과 같이 버전을 확인해보쟈 yarn 설치와 리액트 앱 생성 1) yarn 설치 npm으로 yarn을 설치한다. 아래와 같이 cmd 창에서 yarn install -g yarn 해서 설치하기 2) 리액트 앱 생성 Visual Studio code 를 실행시키고 터미널을 켜고 다음의 사진에 나오는 것처럼 순서대로 명령어를 실행시킨다. 위의 코드 명령어를 입력하면 아래와 같이 창이 나온다. 리액트 앱 생성하면 아래의 사진처럼 ..