[React] Do it! 리액트 모던 웹개발(with 타입스크립트)

이번 겨울 방학, 본격적인 취준을 위해 포트폴리오를 작성하려는데..

다른 개준생(개발자 준비생)분들에 비해 너무나도 초라한 나의 프로젝트 경험들..

이대로는 안되겠다 싶어서 그간 깔짝깔짝(?)만 해봤던 리액트와 타입스크립트를 제대로 공부도 할 겸, 미니 프로젝트를 진행하고 있었다.

이것은 재작년 동아리 홈페이지를 개발하면서 우리 팀이 맡았던 기능 중 하나로,

동아리의 메인 활동인 스터디를 신청할 수 있는 기능이다.

그러던 중 벽에 부딪혔다!!

각 스터디의 상세 정보를 조회하기 위해 스터디 별로 다른 페이지를 띄워주어야 하는데,

서치를 아무리 해도 나와 비슷한 환경의 도움을 얻지 못했다.

아무래도 내가 쓰려고 하는 가짜 데이터들을 다루는 데 있어 뭔가 꼬인 거 아닌가 했고, 어려움을 겪고 있었다..

그러던 중 인스타그램에서 '이지스 퍼블리싱'의

라는 새로 출간된 도서의 서평단을 모집한다는 게시글을 보았다.

지금 내가 하고 있는 프로젝트와 상당히 유사한 실습을 제공하고 있었고,

심지어 타입스크립트, 리덕스(데이터 다루는 것이 어려워 서치해볼 때 이것도 공부하면 좋겠다.. 고 생각함)도 다루고 있다는 점에서 나와 운명인(..!) 책이라고 생각하여 재빨리 신청했다.

현재 내가 공부하고 있는 분야와 너무나도 적합하고, 이전에 감이 잘안잡혔던 자바스크립트도 이지스 퍼블리싱의 Do it! 자바스크립트를 통해 훨씬 능숙하게 다룰 수 있게 되었기 때문에 꼭 당첨되고 싶었다.

그 결과 당첨이 되었고, 이렇게 서평을 작성하고 있다. 서론이 너무 길었다.🤓

우선, 리액트 앱을 시작하는 과정부터 아주 세세하게, OS 별로 알려주고 있었다.

또한 React Hooks, CSS와 같이 혼자 개발할 때 직접 찾아보면서 했던 것들이 담겨 있다.

기본 React만을 가르쳐주는 것에서 그치지 않고, React의 다양한 패키지도 사용해볼 수 있다.

이를 통해 훨씬 React를 효율적으로 활용할 수 있도록 한다.

React+TS로 개발할 때 막히는 부분에서 구글링을 해보면, 거의 그냥 React로만 개발한 글들이어서 곤란할 때가 많았다.

TS로 개발할 때는 타입 지정 등 신경쓸 것이 많고, 그냥 React로만 했을 땐 문제가 없던 곳들에서 에러 폭탄을 받기 때문이다..

하지만 이 책은 아예 React+TS로 실습을 진행하기 때문에 TS 학습에도 효과가 아주 좋을 것 같다.

아직 백엔드 개발에 대한 지식이 많지는 않다만, 프론트엔드 개발 학습 뿐만이 아니라 Rest API를 사용해 보며 서버와 클라이언트 사이의 데이터 이동에 대해서도 구현해볼 수 있는 점이 좋았다.

나와 같은 프론트엔드 개발을 공부하고 있는 학생들이라면, 이 책을 적극 추천한다!

요즘 취업 준비를 위해 여러 회사의 기술 스택을 둘러보고 있는데, React + TS 조합을 쓰는 회사가 아주 많았다.

그래서 이 책을 완전히 독파!! 하게 된다면 향후 진로 준비에 많은 도움이 될 것이라 생각한다.

아직 개발 공부가 어려운 나에게는, 이런 점들이 특히 좋았다.

💜 자주 쓰이는 React Hook들을 이해할 수 있도록 도와준 뒤, 실제 실습을 통해 어떻게 응용할 수 있는지 알려준다.

💜 몽고 DB+API 서버를 통해 프론트엔드에서 가장 어려운 부분이라고 느껴졌던 서버-클라이언트의 데이터 교환에 대해 자세히 알려준다.

💜 최신 실무 코드를 통해 학습하기 때문에 회사에 가서 개발할 때도 효과적일 것 같다.

💜 실습을 진행하며 만들어보는 컴포넌트들이 왠만한 프로젝트를 진행할 때 유용하게 쓰이는 것들이다. (CRUD, 트렐로 스타일 등)

아직 나도 책을 완독하지는 못했지만, 이거 하나는 확실히 장담할 수 있다!

이 책을 정주행하고 나면 ... 리액트+타입스크립트를 자유자재로 다룰 수 있을 것 같다 >_<

개발을 공부하는 모든 개준생분들과 나의 성공적인 공부를 응원하며..

서평단으로 뽑아주신 이지스 퍼블리싱에게 감사하며..

서평을 마치도록 하겠다!

아자아자화이팅

iamjunyeong