리액트2 첫 리액트 개발 도전기(2) - 일을 시작하는 순간, motiiv 본 포스트는 리액트로 개발하는 과정에서 했던 고민에 대한 이야기를 담고 있습니다. 다크 모드가 정말 예쁜 모티브 구경 가기 : www.motiiv.site/ 💡상태 관리💡 처음 배우는 리액트로 프로젝트를 진행하면서 가장 어려웠던 것은 state 관리였다. 우리가 프로젝트를 진행하면서 사용한 기술 스택은 아래와 같다. * React * Redux * Redux-Saga * styled-components 리덕스(redux)를 찾아보면 높은 확률로 아래의 이미지를 만날 수 있다. 리액트에서 props를 필요한 곳으로 내려보내기 위해 해당 props 를 사용하지 않는 컴포넌트를 거쳐가야 하는 경우 불필요한 리렌더링이 발생하는 문제가 있다. 리덕스는 간단히 말하면 그런 상태들을 따로 빼놓는 저장소(스토어)를 제.. 2021. 2. 17. 첫 리액트 개발 도전기(1) - 일을 시작하는 순간, motiiv 본 포스트는 서비스 소개부터 협업을 통해 배운 점까지의 이야기를 담고 있습니다. 다크 모드가 정말 예쁜 모티브 구경 가기 : www.motiiv.site/ 26기 SOPT에서 서버 개발을 하다보니, 내가 보내주는 이 데이터들이 도대체 프론트에서 어떻게 굴러가고 있는건지 궁금해지기 시작했다. 프론트 개발이 어떻게 이루어지는지를 잘 모르니 서버 연결 중에 오류가 나도 로그에 찍힌 상태 코드를 보며 "음.. 400인데... 콘솔로 뭐가 안 들어오는지 찍어볼게! 아마 이게 안 들어오고 있는거 아닐까..?"라고 대답해줄 수밖에 없어서 프론트 개발자들에게 미안하기도 했다. 그래서 어차피 이제 막 개발에 입문한 김에 전체 개발 사이클을 경험해보고, 겸사겸사 내가 프론트엔드 개발을 더 재밌어 하는지 백엔드 개발을 더 .. 2021. 2. 16. 이전 1 다음
