WIL 5주차
📖 WIL 4주차
🌞 4주차 스케쥴
이번주는 주특기(리액트)심화 과정으로 처음으로 팀으로 React App을 을 만든다. CRUD 기능을 이용하여 본문과 댓글을 구현하고 json-server 서버를 배포하여 기능적으로 완성된 웹서비스를 만든다.
- Redux Toolkit 과 Redux Thunk 를사용한다.
- 서버와의 통신 위해 Axios 를 사용한다.
- 동적 라우팅을 사용한다.
- form 의 유효성 검증 기능을 적용시긴다.
- 커스텀 훅을 만들어 사용한다.
- 컴포넌트 1개로 모든 버튼을 구현하는 만능 버튼을 만든다.
🌞 회고
이번 주차의 핵심은 리액트의 핵심인 CRUD 를 Redux 로 구현하며 주특기를 조금 더 익숙하게 하는 것에 목표를 두는 것 같았다. 사실 이번 팀과제는 이제 막 기어다니기 시작한 우리에게 갑자기 뛰어가라고 등을 떠미는 기분이였다.🏃 그만큼 정말 힘들고 피곤했던 한주였지만 버틸 수 있었던 건 팀원들 덕분이였던 것 같다. 한번 더 이번 팀원들과 프로젝트를 하고 싶을 만큼 팀원들과 잘 맞아 힘들지만 정말 재밌게 과제를 진행했다. 함께 새벽 다섯시까지 같이 밤을 새기도 하고 매일 매일 서로 토론하고 알려주고 배우고 칭찬하며 (부트캠프 욕도 하며 담합하고..🙃) 자신감도 얻고 더 많이 성장하는 시간이 될 수 있었다. 그리고 몸이 점점 고장나고 있다.개발자 면접시 가산점이라는 라운드숄더와 거북목이 너무 심해져서 아픈 목,어깨 때문에 두통이 심해지는것 같다.ㅠㅠ 몸관리도 꾸준히 해야하는 중요성을 느꼈다...
사실 저번주에 막 Redux 를 써봤는데 바로 Redux Tookit 과 Thunk를 사용하라니 머릿속에 세가지가 섞여 뒤죽박죽 돼서 처음엔 내가 지금 뭘 사용하는 건지 헷갈리기도 했다. 거기다 처음인 axios 까지 섞여 내 머릿속을 헤집어 놨다. 그래서 Tookit 과 Thunk 또 axios 사용법을 익히기 전에 데이터의 흐름을 먼저 이해하기 위해 유튜브나 구글링도 많이하고 다른 팀원들과 토론하며 노력했다. 그렇게 데이터의 흐름을 먼저 이해하니 사실 이번 주차의 가장 핵심은 이것이 아니었나 싶다. Tookit 과 Thunk 또 axios 를 사용하는건 어떤 방법이든 해결할 수 있지만 데이터의 흐름을 이해하고 사용 하는 것은 완전히 내 것이 된 것 같다. (CRUD 기능은 성공적으로 구현해냈지만 아직 Tookit 과 Thunk를 새롭게 작성하라고 하면 복사 붙혀넣기를 제외하고 무에서 유는 만들어 내지 못할것같다...) 그리고 저번주에 미리 동기와 비동기에 대해 공부했던것이 많이 도움됐기에 앞으로도 일주일에 하나씩 자바스크립트나 깃 등 나의 개발나무에 좋은 토양이 될 수 있도록 공부해야겠다. 🌳
🌧 트러블 슈팅
팀과제가 시작 되고 주말간 우리는 각자 학습하고 서로 기능적인것(CRUD) 를 모두 구현해보고 프로젝트를 시작하기로 했다. 그러다 보니 레이아웃 틀이 없던 상황에서 만들어진 기능들을 제출시간에 맞춰 레이아웃을 짜서 넣다보니 완성도는 떨어져 보이는 단점이 있었다. 다음부턴 어느정도 눈에 보이는 틀과 UI 들을 먼저 만들어두고 살을 붙혀가며 개발을 해야할것같다. 첫 주차때 했던 웹미니 프로젝트 이후 팀원들과 깃과 깃허브를 사용한건 두번째 였는데 4명이 동시에 작업하다보니 오류도 많았고 이번에도 원할하게 해내진 못했다. 다행히 팀원중 한분이 깃에 대해 조금 더 능숙하여 많은 도움을 받았고 확실하게 이해할 수 있는 시간이 되었다. 항상 새롭게 업데이트 되는 파일들이 있다면 바로 그것을 PUll 하고 작업하는것을 중요하게 생각해야 한다. (1.PULL 2.COMMIT 3.PUSH 순서) 4명이 작업하다 보니 소스트리를 이용해 시각적으로 진행상태를 확인하는 것이 많은 도움이 되었다.
🌳 리액트 Hooks ?
https://velog.io/@leejpsd/리액트-Hooks
React Hook에 대해 공부하고 포스팅하였다.
🌳 Redux의 미들웨어 Thunk ?
https://velog.io/@leejpsd/Redux의-미들웨어-Thunk
Redux의 미들웨어 Thunk에 대해 공부하고 포스팅하였다.
🌳 Git Branch 명령어
https://velog.io/@leejpsd/Git-Branch-명령어
트러블 슈팅 후 협업을 위해 필수인 Git Branch 명령어에 대해 포스팅하였다.