오늘의 학습 키워드
- React (Component, Props, Element)
- JSX
- CRA (Create React App)
- axios / fetch API
오늘 새롭게 배운 핵심 개념
1. React는 컴포넌트 기반 라이브러리
- React → 라이브러리, SPA를 만들 때 사용
- Component-Based → 재사용성이 좋음 (단, 다른 컴포넌트에 의존하지 않고 독립적으로 존재할 때 재사용성이 높아짐)
- 흐름: props → component → element(렌더링)
- props: 컴포넌트가 전달받는 속성 (attribute == property)
- component: props를 받아서 그 속성으로 element를 만들어냄
- element: 화면에 보이는 것을 기술하는 결과물
2. JSX & CRA
- class 속성 → CSS에서 접근할 때 사용
- id 속성 → 스크립트에서 접근할 때 사용
- CRA(Create React App): node.js + npm(node package manager) 기반으로 React 프로젝트를 빠르게 세팅
npx create-react-app project_name
3. 서버와 통신하기 - axios / fetch API
- axios: 프론트와 백엔드 사이 http 요청/응답을 도와주는 라이브러리
- fetch API: 브라우저 내장 통신 방식
트러블슈팅
없음.
오늘의 회고
- 느낀 점: React는 처음 해봐서 그런지, 실습 과정과 이론 학습에 어려움이 있었다. 오늘 배웠던 내용에 대해서 조금 더 찾아보면서 익숙해지게끔 해야겠다.
- 내일 공부할 것: 이벤트 버블링과, react 복습하기
#LGCNS #LGCNS6기 #LGCNS6기TIL #내일배움카드 #K-DT
이것저것