TIL(2023.11.27)

JAKE·2023년 11월 27일

TIL

목록 보기
47/48
post-thumbnail

🏃‍♂️What I learned

1. React 시작하기

  • react : 가상의 DOM 트리를 복제하고, 변화가 있는 부분만 렌더링
  • node.js 설치 후

    cmd창
    1) node -v 입력 : 버전 및 설치 완료 확인
    2) npm install --global yarn : 패키지 관리 툴인 yarn 설치(완료되면 "added 1 package in 2s")
    * 자동으로 환경 변수 설정되지만 재부팅 한 번 해야함


2. React 프로젝트 생성하기

1) vscode 내 터미널에서 설치확인

node -v (노드 버전)
yarn --version (yarn 버전)

2) yarn으로 패키지 만들기

yarn create react-app my-app

3) my-app으로 생성된 패키지 확인

4) my-app으로 이동(cd my-app) 후 yarn start(프로젝트 실행)

끌 땐 ctrl+c


3. React 프로젝트 구조 살펴보기

  1. /src -> 리소스 저장소(app.css, app.js, app.test.js 등)

    js함수 안에 html형식으로 화면 구성 -> jsx : 감싸는 부모 태그 필수
    .js 파일들을 불러서 사용 : 컴포넌트(대문자로 시작)

  2. package.json -> 리액트 프로젝트 구성의 정보

0개의 댓글