팀 프로젝트4

• 

  [섞어마셔] 프로젝트 7일차 - 마지막날, 팀원과의 마찰, 전체회고 드디어 고난의 일주일이 끝나는 날입니다. 마지막 날이기 때문에 새로운 기능을 추가하지 않고 디자인만 살짝 변경을 해야 합니다.1. SearchPage 버그 고치기어제와 동일하게 로컬에서는 search가 제대로 작동하는데 배포환경에서는 작동을 안 하고 있었습니다.vercel, netlify 둘 다 배포를 해보고 배포 세팅을 건드려봐도 해결이 안돼서 search와 관련된 코드를 하나씩 보기 시작했습니다. 천천히 다른 팀원과 읽어보니 문제가 되는 코드를 발견했습니다.// api.js baseURL을 설정해놓은 파일export const searchApi = axios.create({ baseURL: "/api/json/v1/1", headers: { "Content-Type": "application/jso.. 프로젝트/섞어마셔(shake_drink) 2024. 4. 26.

• 

  [섞어마셔] 프로젝트 6일차 - like 로컬 스토리지와 연결, netlify 연결 발표까지 D-1 마무리 단계입니다.오늘은 like부분을 새로고침을 해도 사라지지 않게 로컬스토리지와 연결을 하고 네트리파이와 연결을 하였습니다.그리고 세세한 디자인 변경사항을 함께 수정하고 팀원들의 머지를 도왔습니다. 1. like 로컬 스토리지와 연결연결하는건 쉬웠지만 리팩토링하는데 조금 애를 썼습니다. 우선 이 코드는 각 Card컴포넌트에 하나씩 다 들어가있습니다. 아래의 코드를 보고 겁먹지마시고! 하나씩 천천히 설명을 해보겠습니다.// idDrink는 api로 받아온 칵테일의 idconst { idDrink } = cockTailData; // localStorage에서 'likes' 데이터 가져오기 및 초기 like 상태 설정const likesData = JSO.. 프로젝트/섞어마셔(shake_drink) 2024. 4. 24.

• 

  [섞어마셔] 프로젝트 4일차 - cocktailGame 제작, github사용법 블로깅 벌써 목요일이 되었습니다. 프로젝트는 어느 정도 구색을 잡은 것 같은데 팀적으로 삐걱되는 느낌입니다. 1. 프로젝트의 방향성 처음에 스택, 폴더구조, 커밋 컨벤션, 브랜치 네이밍룰, PR룰을 다 정해놓았는데 몇몇 팀원분들이 규칙을 따르지 않아서 깔끔하게 프로젝트를 운영하는 것을 포기하고 주먹구구식으로라도 프로젝트를 완성하도록 방향을 잡았습니다. 이렇게 된 이유는 팀원들의 수준을 파악하지 못하고 github을 사용법을 강요하거나, 다른 팀원들의 요청으로 새로운 스택(MUI, tailwind, Zustand)을 스택을 넣어서 그런 것 같습니다. 다른 스택을 추가하지 말고 공통적으로 들은 코딩 알려주는 누나의 강의에서 나온 Bootstrap, redux-toolkit만 적용했어야 했는데 아쉬움만 남습니다. 또.. 프로젝트/섞어마셔(shake_drink) 2024. 4. 23.

• 

  [섞어마셔] 프로젝트 3일차 - Header, Card 컴포넌트 제작 프로젝트의 초기세팅이 마무리되었고 이제는 본격적으로 개발을 할 차례입니다. 제 담당인 Header와 Card 컴포넌트의 제작에 들어갔습니다. 1. Header 처음으로 헤더를 MUI를 통해서 제작을 해보았습니다. MUI 공식문서에서 App bar를 기반으로 만들었으며 만들기는 편했지만 프론트엔드 취업을 준비하는 사람 입장에서는 bootstrap이나 MUI를 사용하는게 꺼려지기는 했습니다. 하지만 일주일이라는 시간동안 프로젝트를 완성하기 위해서는 어쩔 수 없는 선택이였습니다. Header는 반응형으로 만들었습니다. 1) 넓은 화면 넓은 화면에서는 메뉴가 탭형태로 보이고 서치기능도 가능하도록 하였습니다. 그리고 로그인 유뮤에 따라 "LOGIN" 또는 프로필 이미지가 뜨도록 만들었습니다. 2) 작은 화면 작은.. 프로젝트/섞어마셔(shake_drink) 2024. 4. 19.