728x90

해당 내용은 유튜브 코딩애플님의 채널에서 공부하여 작성된 내용임을 밝힙니다.

[터미널]

# npx

라이브러리를 설치를 도와주는 명령어

# create-react-app 프로젝트명

해당 폴더에 프로젝트명을 가진 리엑트를 설치한다.

# npx create-react-app A

해당 폴더에 A라는 프로젝트명을 가진 리엑트를 설치한다.

# src/app.js

index.html에 속하는 메인의 요소임

속하게 만드는건 src/index.js에 있음

# npm start

미리보기 화면 시작

node.js는 왜 설치하는가?

1. create-react-app라는 라이브러리를 사용하기 위함

2. npm이라는 '툴'을 사용할 수 있음

* npm이란? 부트스트립이나 제이쿼리 같은 라이브러리를 쉽게 설치할수 있게 해줌

JSX에서 css사용하기

react에서 css를 코드에 적을때는 {}안에 {}를 넣어 오브젝트 자료형으로 넣어야함

오브젝트 자료형은 cameClass에 따라 슬레이트 대신 대문자를 적어야함

JSX 주요 규칙

1. class=""가 아니라 className="" 이렇게 클래스명 집어넣으셔야하고

2. {} 기호를 이용해서 주변의 자바스크립트 변수 그런걸 태그 중간중간 집어넣을 수도 있고

3. 스타일을 넣고 싶으면 style={ 오브젝트 자료형으로 만든 스타일 } 을 집어넣으셔야합니다.

728x90