프로젝트/커넥팅칩스6

• 

  [커넥팅칩스] 프로젝트 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.