프로젝트28

• 

  [Tars] 회고록 2일차 정기회의 안건은 대부분 내가 개발하다가 생각나는걸 적어서 함께 이야기를 나뉘고 코드리뷰를 하고있다. 1. px, rem 구분 팀원들의 코드리뷰를 하는데 px와 rem이 혼용되고 있었다. 둘 중 하나로 통일하지 않으면 기본 폰트 크기가 변경되었을 때 UI가 깨질 수 있다. 말로만 하면 까먹을 수 있을 것 같아서 한 팀원의 작업물을 직접 크롬의 기본폰트크기를 변경해서 어떻게 UI가 깨지는지 보여줘서 rem으로 통일 될 수 있도록 하였다. 2. defalut width 나는 max-width를 600px로 잡고 개발을 하였는데 다른 팀원분들은 width를 360px로 잡고 개발 중 이였다. 피그마상으로는 360px이 맞는데 나는 저번 회의때 디자이너분이 600으로 잡고 개발을 하자고 했었던 걸로 기억을 해 서.. 프로젝트/Tarss 2024. 2. 8.

• 

  [Tars] 회고록 1일차 항상 프로젝트가 시작되고나서 정신없이 달리고 나면 머리속에 남는 것이 없었다. 그래서 회의록을 통해서 내 머리속에 제대로 기억되길 바라며 매일 회의록을 작성하겠다. 진행상황 현재 프로젝트는 디자인나왔고 프로젝트 세팅이 다 끝나고 각자 맡은 역할과 공통적인 부분을 만들기 시작하는 시기이다. 나는 프론트엔드 팀장을 맡아서 노션에 팀에 관한 규칙과 일정을 정하고 일주일에 2번씩 회의를 하고있다. 팀장을 맡으면서 가장 중요하게 생각하고 있는 부분은 코드리뷰이다. 반드시 다른 사람들의 PR에 메시지를 작성하게 하여 모두 다른 팀원의 코드를 꼼꼼히 읽으며 피드백을 하도록 하고있다. 공통 컴포넌트 제작(공통 버튼) 자주 사용되는 하단 버튼을 공통 컴포넌트 제작을 하였다. 처음으로 합성 컴포넌트 방식으로 제작을 하였는.. 프로젝트/Tarss 2024. 2. 7.

• 

  [커넥팅칩스] 프로젝트 5주차(10.02 ~ 10.08) 지라 사용 저번 주에 팀원들이 하고있는 일을 체크하기 위해서 노션에서 서로 체크리스트를 만들어서 공유를 했었는데 이러한 방법 대신에 지라를 사용하기로 하였다. 처음에는 사용하기 어려웠지만 브랜치와 커밋 그리고 풀리퀘스트도 추적이 가능한 작업관리도구라서 팀원이 일하고 있는지 내가 무엇을 해야하는 알 수 있어서 너무 좋았다. 직장에서 사용한다면 감시당하는 느낌일수도... 리팩토링 저번에 너무 마감에 쫒겨서 코드의 완성도보다는 기능구현에 초점에 맞춰져있었다. 그러다보니 다시 코드를 보니 컴포넌트명에 대한 규칙성도 없고 props도 너무 많아서 다른 사람에게도 보여주기 코드가 되어 리팩토링을 진행하게 되었다. 다른 팀원들과 겹치는 부분이 있고 프론트 팀장님이 내 파트를 리팩토링을 해보고 싶다고 하셔서 먼저 내 .. 프로젝트/커넥팅칩스 2023. 10. 13.

• 

  [커넥팅칩스] 프로젝트 4주차(09.25 ~ 10.01) 4주 차에는 고객사에게 명시된 스프린트기간이 끝나고 추석이 있는 주간이어서 엄청나게 바빴지만 그 뒤로 쭉 쉬게 되었던 한 주였다. 원래는 저번주 금요일까지 제출을 해야했지만 PM분이 화요일까지 일정을 늘려주셔서 작업을 끝 맞출 수 있었다. 내 인생에서 이렇게 쫓기는 기분이 들때가 있었을까.. QA 처음으로 QA를 진행하였는데 생각보다 많은 기능이 제대로 구현이 안돼서 나의 꼼꼼함에 의심이 생겼다. 하나의 기능을 완성해도 다른 부분을 만지면 고장 나서 열받기는 했지만 하나씩 해치워 나간다는 기분이 들어서 은근히 재밌었다. 기획단에 QA시트를 만든 것을 받았을 때 엄청나게 세세하게 작성을 해주어서 기획담당하시는 분이 대단하다고 느꼈고 의지가 되었다. 백엔드와 프론트가 현재 무슨 작업을 하는지 몰라 노션에서 .. 프로젝트/커넥팅칩스 2023. 10. 13.

• 

  박스 넘어가면 말줄임표로 만들 댓글프리뷰 부분을 박스를 넘어가면 줄 바꿈이 되지 않고 ...으로 만들어보자. // 컴포넌트 부분 const CommentPreview = ({ postProps }: { postProps: PostProps }) => { const { profileImage, nickname, content } = postProps.postData.commentList[0]; return ( {nickname} {content} ); }; // CSS부분 const CommentPreviewS = styled.div` display: flex; align-items: center; height: 1.5rem; margin: 0.62rem 1rem 0 1rem; font-size: 0.875rem; img { heigh.. 프로젝트/커넥팅칩스 2023. 10. 11.

• 

  [커넥팅칩스] 프로젝트 3주차(09.18 ~ 09.24) 서버가 완성되고 api명세서를 기준으로 코드를 작성하기 시작하였다. 더미데이터로 코딩을 하다가 실제로 데이터를 받아서 코드를 작성하니깐. 너무 구조가 달라져서 시간이 오래 걸리고 버그도 많았다. 그리고 처음으로 typescript를 적용하였는데 원시타입만 하는줄 알았는데 useState나 event마다 다른 type을 지정해주어야 해서 너무 짜증 나고 스트레스받았다. 에러코드를 읽어도 이게 뭔 소리지?라는 게 대부분이라 더욱더 어려웠다. 1. axios로 데이터 받아오기 axios를 오랜만에 사용해서 다 까먹고 효율적으로 사용하는 방법이 있다고해서 정리를 해보았다. axiosConfig (GET, POST, PUT, DELETE) 서버에 요청을 보낼 때 GET, POST, PUT, DELETE를 사용하게.. 프로젝트/커넥팅칩스 2023. 10. 6.

• 

  [커넥팅칩스] 프로젝트 2주차(09.11 ~ 09.17) 2주 차에서는 코드를 작성하는 것보단 백엔드과 서버를 만들 때까지 코드를 분석하고 어떻게 코드를 작성해 나갈지 고민해 보는 주간이었다. 코드분석 1주 차에서도 말했지만 내가 작성한 코드가 아니라 다른 분이 작성한 코드를 이어받아서 코드를 짜게 되어서 코드분석의 시간이 필요하였다. 다른 사람이 작성한 코드를 이해한다는 것은 생각보다 어려운 일이었다. 코드의 전체적인 구조를 이해를 못 하여서 하나씩 그려가면서 이해하려 하였다. 그리고 하나씩 뜯어보면서 분석을 했는데 내가 생각지도 못한 효율적인 방법을 사용한 경우도 있기도 하고 더 깔끔한 방식이 있음에도 사용하지 않아서 의문이 들었던 순간이 있었다. (2주 안에 혼자서 급하게 코드를 짠 거라 어쩔 수 없이 코드가 지저분하다고 하셨다.) 특히 공통 컴포넌트 부.. 프로젝트/커넥팅칩스 2023. 9. 14.

• 

  [커넥팅칩스] 프로젝트 1주차(09.04 ~ 09.10) 참가하게 된 이유 무료하게 인강이나 들으면서 공부를 하니 집중도 안되고 재미도 없었다. 코딩을 하는 게 내 길이 맞는지 계속되는 의문과 싸우는 도중에 코드스테이츠에서 오랫동안 스터디를 같이하셨던 분이 프로젝트 참여를 제안을 하셨다. 실력적으로 많이 부족하지만 아무것도 안 하는 것보단 훨씬 낫다고 생각되어 승인하게 되었다. 참가를 하면서 지금 참가하는 프로젝트는 처음부터 새로만드는게 아니라 기존에 있던 팀이 무슨 대회(?)를 참가를 하여서 만든 웹인데 고객사에서 마음에 들어서 실제로 배포를 해보자고 하여서 팀을 키우는 와중에 내가 들어가게 되었다. 내가 짠 코드가 아닌 다른사람이 짠 코드를 보고 이해를 하고 발전시켜 나가는 경험은 처음이어서 매우 힘들었다. 1. Next.js 처음에는 React로 만들어진.. 프로젝트/커넥팅칩스 2023. 9. 4.