혼자 적어보는 노트

6~7일차 : 컴포넌트 구현 Text 컴포넌트 이전 중간 프로젝트에서 text컴포넌트를 너무 확장성을 높여서 거의 컴포넌트를 새로 만드는거랑 비슷하게 사용해야 했어서 그부분을 조금 개선하고 싶었다. 1. 사이즈는 5개사이즈로만 지정 xs, sm, md, lg, xl로만 받도록 하여 통일감 있는 폰트크기를 사용하게 하고자 함. 기본값도 지정하면 좋을 듯 했다. (부득이한 경우 숫자로 받을 수도 있게) 2. 폰트 컬러 내부에 지정 디자인 시안에서 사용되는 폰트 컬러를 컴포넌트 내부에 미리 지정하여 좀 더 편하게 사용했으면 했다 3. style props를 받을 수 있어야 함 이 외에 기본적인 block, font-weight, ellipsis 를 props로 받고 예외가 생길 수 있으니 style props..

5일차 - 디자인 완성, 드디어 개발 디자인이 완성된 부분에 대하여 우리 팀에게 먼저 보여주고 수정할 것들을 수정했다. 디자인 작업을 하면서 많이 고민되던 부분은 팀원들과 이야기를 해서 결정했고 감사하게도 많이 변경되는 부분이 없었다. figma 정리 및 회의 회의에서 나온 내용들을 토대로 다시 한번 figma를 정리하고 개발에 들어가기로 했다. 아이콘 같은 자잘한 부분들을 변경해야 하긴 한데 디자인에 맞게 변수 세팅이나 컴포넌트 구조들을 미리 만들어놔야 다른팀원들이 수월하게 작업할 수 있기에 일단 우선순위로 컴포넌트 작업을 가져가기로 했다. Delete `␍` eslint (prettier/prettier) 이전 프로젝트때는 이런 문제가 없었는데 검색해보니 windows 환경에서 발생하는 문제여서 es..

3~4일차 : 와이어프레임 & 디자인 시안 작업 이전에 디자인을 한 경험이 있는 사람이 팀내에 나밖에 존재하지 않아서 중간 프로젝트에 이어서 최종 프로젝트에서도 디자인을 하게 되었다. 최종 와이어프레임에서 수정할 부분들을 수정하고 수정된 와이어프레임을 바탕으로 디자인을 했는데 다들 적극적으로 의견을 주셔서 결정할 때 도움이 많이 되었다.😊 개발을 안하고 디자인만 하는거면 배너도 만들고 조금 더 꾸미고 싶은 마음이 있었겠지만,,,, 개발자로서 프로젝트에 참여하는 것이기도 하고 프론트엔드 팀이 3명밖에 없기 때문에 그런 것들은 과감하게 포기했다.😭 이번 디자인의 목표는 공통 컴포넌트를 사용할 수 있도록 최대한 비슷한 형태로 만들기! 그리고 추후 리팩토링 과정에서 반응형으로 모바일을 편하게 대응할 수 있도록 ..

2일차 - 와이어프레임 완성 및 회의 지난 기획 회의에서 받은 유저 스토리를 기반으로 와이어프레임을 만들었는데 개발적인 측면 + 사용자 경험 측면을 고려하는 과정에서 기획 내용을 수정해야겠다는 생각이 들었고 관련 사이트들을 모니터링했다. ✍ 참고한 사이트들 https://www.wishbeen.co.kr/ 가볼만한곳/맛집/숙박 정보, 항공/호텔 가격비교, 나만의 여행일정 | 여행의 모든 것, 위시빈 궁금한 여행정보, 위시빈에 다 있다! 1천 개 이상의 전 세계 여행꿀팁 · 25만 개의 자유 여행일정 · 40만 개의 전 세계 가볼만한 곳, 맛집, 숙박 정보 · 여행자들이 직접 남긴 100만 개의 리뷰/후기/ www.wishbeen.co.kr https://www.earthtory.com/ko/plan 나만..

1일차 지난 중간 프로젝트의 경우 프론트엔드끼리만 진행을 하기로 했지만 이번 최종 프로젝트에서는 백엔드와 기획까지 시작해서 API까지 함께 한다.🙌 오늘이 프로젝트 첫 시작일이지만 이전에 기획 회의를 한 번 했었고, 만들기 재미있을 것 같다는 의견이 많았던 🛫여행 코스 추천으로 이번 프로젝트를 진행하기로 했다!! 기획은 백엔드 분이 처음 낸 아이디어로 되었지만 회의를 거쳐서 내용이 많이 수정이 되었다. 같이 완성을 시켰지만 기획자 포지션이 있어야 할 듯 하여 백엔드분께 유저스토리+일부 페이지를 그림으로 그려주기를 요청했고 드디어 오늘 내용을 정리된 내용을 받고 회의를 진행했다! 오랜 시간을 거친 회의.. 아무래도 프론트엔드 3 + 백엔드 5 = 총 8명의 의견을 함께 모아야 하다보니 시간이 조금 소요되었..