React 왜 씁니까
리액트 문법부터 들이밀면 누구나 이해가 가지 않습니다.
리액트의 정확한 용도를 알아야 리액트라는 라이브러리를 이해할 수 있는데
Naver Vibe, Flipkart, Instagram 이런 웹사이트 들어가서 이거저거 눌러봅시다.
들어가면 페이지 전환 같은게 새로고침 없이 부드럽게 동작합니다.
이런 사이트들을 Single Page Application 이라고 하는데
- html 파일을 1개만 쓰고
- 다른 페이지를 보여주고 싶을 때 html 부분만 샥 갈아치워서 보여줍니다.
그래서 부드럽게 동작합니다.
쌩 자바스크립트로도 만들 수는 있지만 코드가 너무 길어지는 관계로
리액트라는 자바스크립트 라이브러리를 설치해서 사용하면 이걸 더 쉽게 만들 수 있습니다.
그래서 Single Page Application 만들려고 리액트라는 라이브러리를 사용하는 것입니다.
리액트 쓰는 또 다른 이유들은
- HTML 재사용이 편리함
- 컴포넌트 단위로 개발하기 때문에 여러 개발자들이 분업하기 좋음
- React Native를 쓰면 리액트 비슷한 문법으로 모바일 앱개발도 가능
- 프론트엔드와 백엔드 파트를 완전히 분리해서 각각 개발가능
이런 점들이 좋습니다.
단점은
- 많은 자바스크립트로 인해 웹페이지 크기가 커짐
- 웹페이지 로드시 HTML 내용물이 천천히 채워지기 때문에 SEO에 악영향이 있을 수 있음 (hydration 작업)
- 간단한 사이트도 코드가 쓸데없이 복잡해짐
이런 것들이 있는데 단점보다 장점이 커서 쓰는 것일 뿐입니다.
실은 리액트와 비슷한 자바스크립트 라이브러리가 많습니다.
Vue, Svelte, SolidJS 이런게 대용품들도 있습니다.
이 중에 리액트가 가장 오래되었고 유저가 가장 많기 때문에 리액트를 쓰도록 합시다.
(배민 채용공고)
여러분 실은 밥벌어먹으려고 개발 공부하는거 아닙니까
그럼 조용히 하고 리액트 빨리 배워두도록 합시다.
특히 리액트 덕분에 프론트엔드라는 직종에 전문성이 생겼고
많은 곳에서 리액트를 도입하고 있기 때문에 프론트엔드 필수 소양이 리액트로 변한지 오래입니다.
강의 특징
1. 혼자 리액트로 코드짜는 법을 알려드립니다.
이상한 강의 들으면서 선생님 코드만 따라치다가
막막해서 여기 강의로 넘어온 분들이 많던데
화면에 나오는 코드 따라치는건 그냥 ctrl+c / ctrl+v 하는 거지 그게 공부입니까
그리고 요즘은 다들 눈이 높아져서 학원 코드 그대로 따라친다고 취업 안시켜줍니다.
알아서 코드 잘짜는 사람을 원하기 때문에
강의에선 리액트 코드 알아서 짜는 법, 리액트 동작원리 이런걸 많이 알려드립니다.
숙제, 응용문제 많아서 직접 코드짜볼 수 있는 기회가 많습니다.
2. 쉽게 가르칩니다.
- 개발자 특유의 현학적 테크용어를 곁들인 개소리 안함
- 함수 100개 만들고 파일 100개로 분할하고 그런 식으로 코드 어렵게 안짭니다.
- 한 강의에 10분입니다.
3. 실전 프로젝트를 만들어봅니다.
이상한 Todo app 만들지 말고
실무능력을 가득 채울 수 있는 블로그, 쇼핑몰을 만들어봅시다.
어짜피 개나소나 모든 강의들이 멋진 프로젝트 만들어본다고 하기 때문에 이건 딱히 장점은 아닙니다.
필요한 사전지식
HTML / CSS : 대충 조금
JavaScript : 변수, 함수, if, for, array 자료 다루기, object 자료 다루기
알고있으면 무리없이 수강가능합니다.
대충 설명은 하고 지나가긴 할건데
자바스크립트 아예 처음이면 자바스크립트 기초강의를 듣도록 합시다.
리액트는 기존 자바스크립트 웹개발을 도와주는 도구일 뿐 특별한게 아니기 때문에 그렇습니다.
-
Add a note