● 오늘 공부한 것
- React 시작!
리액트는 왜 탄생했을까요? 그리고 어떻게 렌더링을 할까요?
[1장 리액트의 시작]
● 리액트란 왜 탄생했을까? 옛 시절,, 넷스케이프라는 브라우저에서 다양한 브라우저가 생긴 뒤 큰 혼돈을 겪고 ECMAscript가 이 혼돈을 잠재운 뒤, 지금의 자바스크립트가 되었습니다. 자바스크
ddaeunbb.tistory.com
리액트는 선언형, 컴포넌트, 범용성이 가장 큰 특징입니다.
리액트는 컴포넌트를 활용해 웹페이지를 만듭니다.
컴포넌트란?
- 컴포넌트는 하나의 기능을 구현해내기 위해 여러 코드를 묶어둔 것을 이야기합니다.
- 컴포넌트는 컴포넌트간의 의존성이 낮고 독립성이 높아 오류를 쉽게 찾아낼 수 있습니다.
- 또한 재사용성이 가능하여 기능 개발에 더 집중할 수 있습니다.
리액트는 또한 JSX (JavaScript XML)이라는 언어를 사용합니다.
- JSX는 자바스크립트와 비슷한 언어이지만 Babel을 통해 JavaScript로 컴파일되어 실행됩니다.
- JSX는 마크업언어와 비슷하여 코드를 더욱 더 이해하기 쉽습니다.
리액트 사용법
- 항상 컴포넌트는 div 태그로 감싸줍니다. Fragement를 사용할수도 있습니다.
- JavaScript 표현식은 { } 중괄호 안에 적어줍니다.
- class는 className으로 적어야합니다.
- npm create-react-app 으로 프로젝트를 만듭니다.
- if 문은 삼항 연산자를 통해 활용합니다.
- 컴포넌트를 선언할 때는 무조건 대문자로 시작해야합니다.
- map등 반복문을 쓸 때에는 key값을 꼭 주어야합니다.
● 내가 놓치고 있던 것
[라이브러리와 프레임워크의 차이가 뭘까?]
라이브러리(Library) 라이브러리는 코드의 모음으로, 코드의 재사용을 쉽게 해주는 도구입니다. 주로 기능별로 분류되며, 필요한 기능을 호출하여 사용할 수 있습니다. 라이브러리는 일반적으로
ddaeunbb.tistory.com
리액트는 라이브러리다! 왜냐하면 다른 프레임워크는 MVC, MVW 아키텍처를 활용하지만, 리액트는 오로지 View뷰 에만 집중하고 있기 때문이다. 따라서 리액트는 라이브러리이다. 리액트는 뷰를 제외한 다른 기능은 직접 구현해서 써야한다. 따라서 취향에 맞게 다양한 스택을 설정할 수 있지만, 단점으로는 다양한 라이브러리를 마주해야한다는 점이 있다.
● 끝맺음
- 수업이외의 학습
- 이터러블
- 리액트를 다루는 기술 책읽기
- 알고리즘
- 모딥다 this 부분 다시읽기
[34장 이터러블]
시작되었읍니다.. 제너레이터로 가기 이전의 첫번째 지옥열차를 탑승하신 것을 축하합니다.. 이터레이터를 들어가기 전에, 먼저 우리가 모던자바스크립트 책에서 자주 볼 수 있었던 '유사 배열
ddaeunbb.tistory.com