본문 바로가기
프론트 엔드/React

처음 만난 리액트 V2 (로드맵)

by 코린이의 세계 2024. 8. 11.

전체 로드맵

카카오 구름 EDU에서의 "처음 만난 리액트 V2"이다. 소플님이 진행하신 강의이다. 이 강의는 버전 1 / 버전 2가 존재한다. 버전 1은 2020년이고 버전 2는 2022년에 나왔다. 그래서 최신 버전으로 진행하게 되었다.

이 글은 한 번 로드맵을 정리할 겸해서 작성하게 되었다.

로드맵은 위의 사진과 같다. 물론 리액트의 "전체"는 아니지만, 그래도 많은 부분을 내포하고 있다.

특히 컴포넌트와 렌더링, JSX , 엘리먼트 등등... 중요 개념들은 무조건 배우고 넘어간다고 보면 된다.

배우면서 느낀 점.

새로운 개념들이기는 하지만, 어디까지나 리액트는 "자바스크립트"을 좀 더 잘 다루기 위한 라이브러리이기 때문에, 어느 정도 친숙한 부분도 존재한다. 본질적으로 볼 때에는 똑같다. ("객체" / "함수"라는 본질)

어쩔 수 없는게, 코딩에서 함수는 빼먹을 수 없다. 객체 지향 프로그램에서 객체도 빼먹을 수 없다. 리액트에서 나오는 개념을 이 부분에 맞추어 생각한다면 이해가 빨라지는 것 같다.

웹 브라우저에 띄우는 것은 HTML / CSS / JavaScript

웹 브라우저에 띄우는 언어는 위 3개의 언어이다. 나머지는 "기술"에 가깝다. 어디까지나 웹 화면에 찍어내는 것을 쉽게 하는 "기술"인 것이다.

리액트도 마찬가지다. 

 

평균적으로 배우는 프론트 엔드 개념

https://youtu.be/ZM55pce2AkY?si=atrRYx71SRr3ERe9

2023년 기준이다. 여기에 백엔드의 기본적 개념도 당연히 알아두어야 한다. 리액트도 저기에 포함되어 있다. 시간이 지날수록 또 새로운 개념/기술이 나올 것이다. 개발자의 숙명이니 받아들여야 할 거 같다.

'프론트 엔드 > React' 카테고리의 다른 글

React Spring(애니메이션 라이브러리)  (0) 2024.09.04
리액트에서 외부링크 열기  (0) 2024.09.03
리액트 삽질...(타입 검사)  (0) 2024.08.25
리액트 삽질 < 매우 중요  (0) 2024.08.08
리액트 기초  (0) 2024.08.03