22.06.02_TIL

📌 리액트를 코드스테이츠 기간 중 처음 사용하는 날이다. 미리 학습을 해왔던 것이 도움이 되었다.

 

 

📗 오늘 학습한 내용

React

• 선언형
• 컴포넌트 기반
• Component
  • 하나의 기능 구현을 위한 여러 종류의 코드 묶음
  • UI를 구성하는 필수요소
  • 트리구조
• 라이브러리로 범용성이 좋다
• 특징 3가지
  
  • JSX문법을 사용한다.
    • JSX: JavaScript를 확장한 문법이며, 코드를 이해하기 편하게 한다.
  • Babel을 사용한다.
    • Babel: JSX를 브라우저가 이해할 수 있는 JS로 컴파일한다.
  • CSS, JS만 가지고 개발이 가능하다.

JSX의 규칙

• 하나의 엘리먼트 안에 모든 엘리먼트가 포함된다.
• CSS의 class를 지정하려면 className으로 표기해야 한다.
• JS 표현식 사용 시 중괄호를 사용한다.
• 사용자 정의 컴포넌트는 대문자로 시작한다.
• 조건문은 IF가 아닌 삼항연산자를 사용한다.
• 여러 개의 HTML 엘리먼트를 표시할 때, map()함수를 사용한다.
  (데이터가 바뀔 때 마다 렌더링 되도록 하기 위해 사용)

 

 

 

📘 추가로 공부할 내용

React

• 노마드 코더 React 영화 웹 클론
• State
• Props
• SPA

 

 

📝 오늘 느낀 점 & 마음 가짐

• 리액트를 처음 시작하는 마인드로 하고 있으니까 재미있다.
• 코드를 고민하며 작성할 때 즐기는 마음을 끝까지 가지고 가도록 하자.