
예전에 nodeJS로 서버개발을 하던 떄 리액트를 궁금해서 사용해보고 직무 변경으로 인해 다 까먹었습니다.
간단한 것들은 생각이 납니다. 하지만 직접 뭐 하나 개발해봐! 라고 하면 바로 "제가요?"를 여러번 외칠 것 같은 상태입니다.
예전에 공식문서 튜토리얼을 참고해서 Tic-Tac-Toe를 따라했었는데 "틱택토 게임 만들어서 어디다 쓰니.." 라는 생각을 항상 했었습니다. 마찬가지로 To-Do list구현도 제겐 크게 와닿지 않는 주제였습니다.
이와 달리 쇼핑몰같은 경우는 현대 웹에서 보는 레이아웃의 큰 부분을 차지합니다. 다양한 활용이 기대가 되어 좋았습니다.
책은
1. 프로젝트 준비
2. 프로젝트 구현
3. 프로젝트 개선/고도화
단계로 나뉘어져 있습니다.
프로젝트 준비 단계는 기본적으로 개발 경험이 있는 분들이라면 바로 넘어가도 될 부분입니다. 해당 책에서 사용하는 세팅만 아하 그렇구나 하고 적용하시면 되겠습니다.
프로젝트 구현단계가 제일 중요한데
리액트의 핵심인 훅을 사용하는 법을 꼼꼼하게 잘 보면 큰 도움이 됩니다. 동료에게 물어보니 실무에서는 상태관리를 위해 다른 라이브러리 (Redux, ReCoil, Zustland) 등 도입해서 사용 한다고 하네요.
프로젝트 개선/고도화 부분에서는
좋은 서비스/아키텍처를 위한 개선점을 다양하게 적용하는데 꼭 쇼핑몰 프로젝트 뿐만 아니라 웹서비스에서 적용될 수 있는 개선점들이 전반적으로 많이 다뤄지는것 같아서 좋았습니다.
개인적으로 도서 내용을 활용해서 리액트로 백오피스 대시보드를 만들고 싶어서 읽게 되었는데
구현의 가닥이 잡혀서 다음주 주말만 기다리는 중입니다. (야근 조아)
[책 실습 방법]
단순히 copy-pasta로 코드를 붙여넣기보다는 백견이불여일타이니 여러번 쳐보면서 왜 이렇게 했을까?에 대한 내용을 정리하는 동시에 실무 패턴들을 손에 익게 만든다면 도움이 될 것 입니다.
[개인적으로 생각하는 추천 대상 독자]
☆★
완전 초보자 - Javascript에 대한 지식이 없고 React를 처음 공부해요 ★★☆☆☆
HTML,CSS, Javascript부터 먼저 공부하러 갑시다!
프로젝트 준비 챕터에 해당하는 브라우저 렌더링등등 리액트가 동작하는 이론적인 부분을 중점으로 정리하고 시작합시다.
책의 내용을 쭉 따라가도 좋지만 코드가 이해가 안가면 그저 따라 치는 타자연습이 되기 때문에 위와 같이 생각 했습니다.
Javascript에 대한 지식이 있고 리액트를 처음 써봐요/잘 활용을 못하겠어요 ★★★★★
당신을 위한 책을 찾으셨습니다. 바로 읽어주세요.
Javascript 및 Typescript에 대한 지식이 있고 리액트를 처음 써봐요/몇 번 써봤는데 잘 활용을 못하겠어요 - ★★★★☆
주변으로 미루어 보아 이경우는 대부분 NodeJS기반 서버개발자일 확률이 높은데 빠르게 한 번 훑으면 큰 도움이 될 것 같습니다. 그리고 노드로 서버개발 하는데 리액트 한 번이라도 안 써보신분을 찾기가 더 어려울것 같다는 생각이 들긴하네요^^