코딩애플 - 리액트

node.js 설치설치 하면npm(node package manager) 이 포함되어 있어서 npm 명령어 사용 가능creat-react-app 도 포함되어 있음.터미널에서 프로젝트 생성하고자 하는 위치로 이동명령어 "npx create-react-app 프로젝트명"n

리액트 에서는 JSX 라는 문법을 쓴다.자바스크립트의 class 대신 className 이라고 쓴다.중괄호 { } 를 쓴다.엘리먼트(태그)내에 style 을 집어 넣을수 있다.but, 복잡하고 보기 안 좋아서 CSS 파일에 class를 만들어 쓴다.

4장

상기와 같이 Modal 이라는 컴포넌트를 만들수 있다.본문에는 <Modal /> 이라 간단히 적어주면 컴포넌트를 불러온다.fragments라는 문법을 써도 된다.

true 면 모달창이 보이고 false 면 없어지게 하는 states 변수 modal을 만든다.states 변수를 생선한다.초기에는 안보여야 하므로 false 로 지정한다.클릭하는 대상에게 가서 onClick 실행 코드를 적어준다.!modal 이라 써서 현재 모달 데이

title 의 제목만큼 반복하고 싶으므로 title 배열에 map 함수를 적용한다.반복되는 내용마다 제목을 다르게 하고 싶으므로 임의로 index 를 적어준다.title 배열의 길이는 3 이므로 3번 반복하게 된다.정식 반복문

적용 code 풀이