본문 바로가기

소북소북(2023~2024)11

소북소북 | Vite, zustand, 폴더 구조 변경, 챌린지 기능 구현 눈 깜짝할 새 4월이 코 앞 알바 한다고 어영부영 하는 사이에 해가 바뀐 것도 모자라 3개월이 사라졌다. 개발일지,,, 어떻게 쓰는거더라,,,😰 슬퍼도 이미 지나간 시간은 어쩔 수 없고, 그간(12월 말부터)의 프로젝트 변경점을 정리하고자 한다. 별건 없지만ㅎ redux-toolkit -> zustand 기존에 redux-toolkit을 이용하여 전역 상태 관리를 해왔는데 관리 해야하는 클라이언트 데이터가 사실상 유저 정보 뿐이라 무겁다는 생각을 늘 했었다. 그러다가 마침 여유가 생겨서 평소 이야기를 많이 들었던 zustand로 이사를 했다. 느낀점 = Provider를 사용하지 않아도 되고 데이터를 다룰 때도 별도의 훅을 사용하지 않는 것은 편하고 깔끔한 것 같다. (zustand코드를 쓰면서 이것만 .. 2024. 3. 30.
소북소북2.0 개발에 들어가면서 소북소북 1.0에 대한 회고를 작성 한지도 벌써 거의 한 달이 되어간다. 2주만 쉬어가려 했던 프로젝트는 연말을 맞이해 어영부영 시작하게 되었다. 이번에는 나를 포함한 팀원들의 시간이 효율적으로 사용되었으면 해서 2.0 개발 과정에서 도입할 것들을 소개하고 앞으로의 계획을 대충 잡아보려 한다. 주기적인 팀 회의 진행 소북소북1.0 마무리 회고에서 작성한 Problem들 중에서 가장 아쉬웠던 점을 꼽으라면 팀 회고 혹은 회의의 부재이다. 개개인의 능력이 결코 떨어지는 팀은 아니라고 생각하는데 팀장을 따로 정한 것도 아니고 정기적으로 만나기는 했지만 거의 모각코나 다름이 없었고 이렇다 보니 일정은 밀리고 우선순위도 서로 다르고 여러모로 아쉬운 점이 많았다. 따라서 주기적인 팀 회의 시간을 갖고 회의는 목차를.. 2023. 12. 30.
소북소북1.0 마무리 회고 GitHub - cwhite723/sobuksobuk Contribute to cwhite723/sobuksobuk development by creating an account on GitHub. github.com 들어가며 두 달에 걸친 소북소북 프로젝트의 1.0버전이 마무리 되었다. 개발자 취업준비를 그만두었다가 다시 준비하면서 운 좋게 대학 동기와 타이밍이 맞아 프로젝트를 함께 하게 되었다. 본래 프론트 2명, 백 2명으로 구성하려 했지만 데리고 오려 했던 프론트 친구가 회사 일정이 바빠 부득이하게 프론트는 1명으로 진행했다. 프로젝트 주제는 독서를 좋아하는 내가 오래전부터 개인 프로젝트 주제로 생각 해놓은 '독서 관리 웹 앱'인데 다양한 기능들을 담을 수 있을 것 같고 다들 독서에 관심이 있어 .. 2023. 12. 6.
2023-12-01 소북소북 | 기능 구현 마무리 단계(react-query, API 연동과 테스트, 코드 개선) 잃어버린 한 달,,, 너무나도 오랜만에 작성하는 개발일지이다😥 사실 계속 작성하고 싶었는데 이미 생각했던 것 보다 일정이 많이 밀려서 마음이 너무 급했다. 그래서 개발일지는 미루고 코드부터 왕창 짜기 시작했는데 한번 밀리기 시작하니 끝이 없었다😏 게다가 우리 프로젝트의 컨텐츠들은 대부분 연결점을 가지고 있는데 그래서 생각했던 것 보다 기능 단위로 끊어서 구현을 하고 정리를 하는 게 쉽지 않았다. UI 짤 때처럼 페이지 별로 딱딱 나누어서 진행할 수 없었다ㅠㅠ 그래서 개발일지도 어디부터 어디까지 정리를 해야할 지 막막했고 이미 커밋 단위는 엉망진창이 된지 오래였다. 후회되는 것은 많지만 프로젝트 마무리 후 회고 작성하면서 풀어보도록 하고 한 달 간의 작업들을 한번 정리해보겠다. 카카오 도서 검색 API 연.. 2023. 12. 1.
2023-10-31 소북소북 | user 관련 기능 구현(react-hook-form, redux-toolkit, 페이지 별 권한 설정) react-hook-form + Typescript + MUI 꼬박 하루를 열심히 싸운 부분 ㅠ 일단 열심히 구글링을 해가면서 공부한 부분은 포스팅으로 정리했다. https://codekyz.tistory.com/73 react-hook-form에서 useController사용하기(feat.제네릭) 들어가며 프로젝트를 진행하다 보니 이제는 기본적인 UI작업을 끝내고 실질적인 기능구현이 필요한 차례가 되었다. 가장 기본적으로 로그인을 구현해야 하는데 폼 요소를 컨트롤 하는 것에서 codekyz.tistory.com 다른 것 보다 MUI를 쓰면서 텍스트필드 자체를 공통 컴포넌트로 빼버리고 거기다가 Typescript를 적용하려니까 props Type 관련해서 가장 어려웠다. 사실 잘 작성된 코드를 찾아서 거.. 2023. 10. 31.
2023-10-15 소북소북 | UI 마무리 단계, 혼란스러운 Type 정의 MUI Dialog 사용 Main Page에서 주요 기능을 대부분 사용할 수 있는데 먼저 도서 검색을 수행 하고 원하는 책이 있는 경우 -> 읽기 버튼을 통해 서재에 등록 or 원하는 책이 없는 경우 -> 책 추가 버튼을 통해 직접 등록 하는 과정을 거쳐야 한다. 이후에 서재에 바로 등록할지는,,, 아직 정해지지 않았다. 무튼 이 과정을 간단하게 버튼을 클릭하면 창을 띄워서 거기서 수행하려고 MUI Dialog를 사용했다. 디자인도 깔끔하고(반응형으로 창이 작아지면 fullscreen으로 띄워주는 기능도 있음) 사용법도 간단해서 좋았으나 문제가 발생하였다. open-close 이후에 다시 open이 안되는 문제 컴포넌트를 나눈 뒤로 콘솔에 찍어보니 Dialog의 open prop에 들어가는 상태 값이 맨.. 2023. 10. 15.

티스토리툴바