JavaScript/React (2) 썸네일형 리스트형 [React] 컴포넌트 1. 컴포넌트란? - 리엑트에서 UI를 구성하는 재사용 가능한 고립된 코드의 파편 2. 컴포넌트 만들기 - 함수형, 클래스형 2가지 방법이 존재합니다 (본 글에서는 함수형을 사용합니다.) 1) 함수 정의 하기 - 함수 이름은 대문자로 시작해야 한다. - 함수 이름이 컴포넌트의 이름이 된다. 2) 마크업 리턴 (JSX 방식) - 함수에서 마크업(HTML)을 리턴하는 방식JSX 규칙1. 하나의 부모 태그로 감싸야 한다.2. 모든 태그가 닫혀 있어야 한다.3. 대부분 캐멀케이스를 사용한다. ※ React에서는 대부분의 코드베이스로 JSX를 사용한다. 3) 컴포넌트 사용하기 - 컴포넌트 이름을 일반 HTML 태그처럼 사용한다. 4) 컴포넌트 파.. [React] React 프로젝트 생성 1. 개발 환경NodeJSv22.14.0통합 개발 환경Visual Studio Code 1) NodeJS 설치 > 다운로드 페이지: https://nodejs.org/ko/download Node.js — Node.js® 다운로드Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine.nodejs.org > 원하는 버전 선택 → [설치 프로그램] 다운로드 > 설치 프로그램을 통해 NodeJS 설치 > cmd를 통해 설치 확인 (node --version → 설치한 버전이 출력) 2) VS Code 설치 > 다운로드 페이지: https://code.visualstud.. 이전 1 다음
