코딩하는 고릴라

1. useState 임포트 import { useState } from 'react' 2. state 선언 - title : state를 사용할 때 쓸 변수명 - setTitle : state의 상태를 바꿀 때 사용 - JS의 destructuring 문법을 활용함 - 위 사진처럼 코드가 짜여져 있을 때, destructuring에 의해 a에 1, b에 3이 저장 3. state를 사용하는 이유 - state에 변동사항이 발생하면 html이 자동으로 재 렌더링해 갱신된 값이 화면에 출력 - 자주 변하는 값을 state에 저장하면 용이함 - vue의 ref() 같은 느낌이 있다. 4. state 변경하는 방법 - destructuring으로 꺼낸 state 변경 함수를 사용 5. 버튼 눌렀을 때 함수를 ..

0. JSX? - Java Script Xml - JavaScript의 확장 문법 - 템플릿 언어와 유사하나 JavaScript의 기능을 사용할 수 있다. 1. JSX 기초 문법 1. class 대신 className 사용 2. 변수 사용시 중괄호 { } 사용 3. html 요소에 style 넣기 style = {{ propery: 'value' }}

1. Node js 설치 Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org - LTS 버전 권장 2. 프로젝트 생성 1) VSCode에서 프로젝트 생성을 위한 폴더 열기 2) New Terminal -> npx create-react-app 프로젝트명 입력 3) 로딩이 완료되면 프로젝트 생성 완료 3. 프로젝트 구조 1) node_modules - 프로젝트 구동에 필요한 라이브러리 소스 코드들을 모아놓은 폴더 2) public - html, img 등 정적인 파일 보관 3) src - 코드를 작성하는 소스코드 보관