반응형 Props2 Components(1) 나눠져 있는 섹션들을 다른 파일로 구분해서 따로 관리를 한다. 한 화면을 만들기 위해서 각각의 화면을 분리하여 필요할 때 사용한다. 자주 사용되는 내용의 컴포넌트는 별도의 파일로 분리하고 해당 부분만 불러와서 사용할 수 있는것이 컴포넌트이다. [컴포넌트 규칙] components 이름 작성 방법 - import 시에도 컴포넌트 명 작성시 지켜야할 규칙 1. 의미가 있는 단어의 네이밍 2. 2가지의 단어가 조합된 네이밍 3. 대문자로 시작하고, 카멜케이스로 작성한다. [vue파일에서 style scope] - 해당 파일에서만 적용 가능한 style로 scope를 줌 컴포넌트로 props 넘기는 방법 정적 데이터 전송 : username이 넘겨주고자 하는 값은 name인 string 데이터이다. 데이터를 전.. 2023. 1. 6. React 기초 지식 Node.js( javascript runtime), npm(node package manager) 설치 IDE(Integrated Development Environment)로 vscode 설치 [React CDN 사용] DOM Container(Root DOM Node) 추가하기 리액트 사용해보기 [create-react-app 사용] Node.js v14.0.0 이상 npm v6.14.0 이상 npx : create-react-app npx create-react-app my-app으로 설치 # 경로 변경 ( change directory) $ cd my-app # 애플리케이션 실행 $ npm start - 로컬 환경 실행 [JSX] A syntax extension to JavaScript 자바스.. 2022. 9. 5. 이전 1 다음 728x90 반응형
