목록IT (140)
언젠가는 펼쳐 볼 아카이브

# 환경 OS : MacOS - Monterey IDE - VS code Language + env : Typescript + React / Node.js + Express # git repo 생성 git repo 주소 : https://github.com/kcjfgnl9205/elice-ts-board/ git branch main development : back-end front-dev : front-end // git clone git clone https://github.com/kcjfgnl9205/elice-ts-board.git // 프론트 엔드 개발 전용 로컬 저장소 branch 생성 git checkout -b dev-front # front-end & back-end 환경 세팅 // f..

HW : Macbook Air M2 OS : Monterey IDE : VS code 1. node.js 설치 & npx 커맨드 명령어 확인 패키지 다운로드 링크 : https://nodejs.org/ko/download 다운로드 | Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org 설치 완료 후 node.js 확인 2. 원하는 위치에 npx로 프로젝트 생성하기 // 프로젝트 생성 명령어 : npx create-react-app [원하는 프로젝트 명] npx create-react-app react-for-movie 3. VSCode 로 프로젝트 생성확인 & package.json 확인 및 ..
JSX - javascript를 확장한 문법 JSX의 문법을 적용하기 위해서는 babel을 이용하면 됨 Babel 사용 방법 1 # JSX를 이용한 ReactJS 코드 작성 컴포넌트의 첫 글자는 반드시 대문자여야 함 왜? 소문자로 작성할 경우, html 태그와 동일한 변수명일 때 React와 JSX는 html 태그라고 보기 때문 JSX는 어플리케이션을 여러가지 작은 요소로 나누어 관리할 수 있음 useState() 기본적으로는 [undefined, f(함수 = modifier)] 배열이 제공됨 인자값을 넣으면 undefined가 해당 값으로 초기화 됨 modifier 함수를 가지고 state를 변경할 때, 컴포넌트가 재생성됨 즉, 새로운 값을 가지고 리랜더링 되는 것 state를 바꾸는 방법 2가지 첫번..