이노캠 6주차(월)-리액트 기초 공부

📌리액트 입문 주차를 배우며 기억할 것 간단 정리

1.상대경로 import =>절대경로 지정하기

1) jsconfig.json 파일 root 경로에 만들기!
2) 폴더 안에 다음 내용을 작성

{
	"compilerOptions": {
		"baseUrl": "src"
	},
	"include": ["src"]
}

3) 이후 app.js의 import './App.css';를 import 'App.css'; 변경하고 저장하기. 이러면 오류가 나지만 yarn stop 후 재시작해주면 잘 된다.

2.리액트 컴포넌트란?

• UI를 재사용이 재사용이 가능한 개별적인 조각으로 만든 것으로, props라는 입력을 받아 react element를 반환하는 것이다.
• 컴포넌트 밖 내가 필요한 영역을 가져오고 싶을때는 import를, 컴포넌트를 밖으로 내보내고 싶을때는 export를 사용한다.

✅주의할 점!

• 컴포넌트 첫글자는 반드시 대문자로 만들것!
• 폴더는 소문자로 시작하는 카멜케이스로 작성하고, 컴포넌트를 만드는 파일은 대문자로 시작하는 카멜케이스로 이름 지을 것!
  -컴포턴트를 만들 때 JS를 쓸 수 있는 영역인지 JSX를 쓸 수 있는 영역인지는 return으로 구분되니까 까먹지 말기!

✍️오늘 리액트 배우면서 느낀점

일단 props 이해하기 힘들고요... 1레벨 과제하면서 구글링으로 본 남의 코드를 따라 쳐보았는데 props를 하다 자꾸 빡쳐서 컴포넌트를 보기 좋게 나누는 걸 포기했다. TodoList를 만들면서 item, list, insert, app으로 구분하는게 내 계획이었는데 list와 item 사이에서 props하면서 자꾸 오류가 떠서 고치다 고치다 내가 props에 대한 기본기가 모자란 것 같아서 더 공부해서 도전해보기로 했음. 어차피 과제 제출하고 나면 페어인 사람이랑 코드 리뷰하면서 분석하게 될 거니깐... 내일의 나한테 떠맡기기로 했다.😂😂