들어가며
항해 2주차 시작인 월요일 오전 9시부터 주특기 강의 수강이 가능하였다. 내가 선택한 주특기는 React! 월요일부터 수요일까지
추석 연휴이지만 강의수강을 달려볼 예정이다.
1. JSX
JSX는 React에서 사용하는 문법으로 html형식과 js그리고 css를 jsx파일 하나에 컴포넌트 단위로 관리가 가능하다.
공부정리 - https://velog.io/@jinseoit/React-JSX
2. 라이프 사이클(Life Cycle)
라이프 사이클은 컴포넌트의 렌더링 준비부터 페이제에서 사라지는 순간까지의 생명주기를 나타내며 React 개발시 꼭 숙지하고 있어야하는 개념이다.
공부정리 - https://velog.io/@jinseoit/React-%EB%9D%BC%EC%9D%B4%ED%94%84-%EC%82%AC%EC%9D%B4%ED%81%B4Life-Cycle
3. 컴포넌트
Component는 쉽게 생각하면 레고로 생각할 수 있습니다 각 레고블럭 (component)들을 합쳐 한 페이지를 그릴 수 있습니다. JSX파일 단위로 관리한다.
공부정리 - https://velog.io/@jinseoit/React-Component
4. 스타일 컴포넌트(styled-components)
컴포넌트 스타일링 기법중 하나로서 class 이름 짓기 해방, 컴포넌트에 스타일을 적기때문에 직관적인 장점을 가지고 있다.
공부정리 - https://velog.io/@jinseoit/React-styled-components
5. Ref
Ref는 render 메서드에서 생성된 DOM 노드나 React 엘리먼트에 접근하는 방법을 제공한다.
공부정리 - https://velog.io/@jinseoit/React-Ref
마무리
vue로 개발할때와 비슷한 개념들이 보여 반가웠다 내일 이어서 항해에서 제공해준 React강의를 수강하며 블로그에 정리할 예정이다.
