1월 넷째 주 회고

전 회고보다 시간이 너무 많이 흘렀지만 다시 회고를 시작하려 한다.

이번 주 나의 성과는?

이번 주 목표 ⛳️

• 프로젝트 ‘복받으라묘’ 디자인 & 퍼블리싱 끝내기!
• 처음 실전에서 사용하는 TypeScript, Redux-toolkit, React-query, styled-components 환경에서 살아남기!
• 프로그래머스 코딩테스트 레벨 0, 레벨 1 문제 매일 풀기 시작!

회고 🧑‍💻

• 프로젝트 디자인 완료!

멋사 동기분들과 기획한 ‘복받으라묘’ 프로젝트의 디자이너 겸 프론트엔드 개발자로 참가했다.
디자인에 관련된 학과라던지 경력은 없지만 디자인에 흥미는 있어 혼자 공부하거나 학원을 다니거나 스스로 레퍼런스를 만들어보면서 디자인 툴을 어느정도 익히고 있었던 상태라 별 어려움은 없었다.

덕분에 UI/UX에 대한 고민도 해보고 프론트엔드에서 디자인에 대한 UI/UX의 기본적인 지식들은 필수적으로 알고 있어야 더 좋은 웹을 구성할 수 있지 않을까 생각했다.

• styled-components..? 나는.. 흠.. 🤔

이번 프로젝트를 진행하면서 우리 프로젝트 팀은 CSS in JS인 styled-components를 선택했다. 왜냐하면 현업에서도 많이 사용되기도 하고 별도의 CSS 파일을 생성하지 않고 자체적인 컴포넌트의 생성과 스타일을 할 수 있다는 점이 장점이 있기 때문이다.

하지만 치명적인 단점으로는 해당 컴포넌트의 파일이 `styled-components`로 생성하는 컴포넌트가 늘어나면서 코드가 방대해지면서 복잡해진다.
그래서 나는 보통 CSS Module을 사용하는 것을 더욱 좋아했다. CSS 파일로 스타일이 분기되면서 더 깔끔한 코드를 유지할 수 있기 때문이다. 또한 CSS 파일이기에 자바스크립트 해석 과정이 없기 때문에 퍼포먼스 측면에서도 좋다고 본 적이 있기 때문이다.

웹 컴포넌트 스타일링 관리 : CSS-in-JS vs CSS-in-CSS

하지만 이번 프로젝트로 인해 styled-components의 효율적인 사용법을 익히고 잘 사용할 수 있다면 좋을 것 같다.

• 배움의 늪 with React

React로 프로젝트를 단기간에 진행하고 배포하기 위해 다양한 툴들(Redux, Redux-toolkit, Redux-thunk, React-query)을 배웠는데 엄청 단기간에 배우려고 해서 그런지 머리 속에 잘 안들어 왔던 것 같다.

새로운 툴을 사용할 때마다 TodoList 프로젝트를 작게나마 한게 도움이 되긴 했지만 디자인에 몰두하고 있었던 시간동안 배운 내용을 잊어버린 것이 아쉬웠다..

• 코딩테스트 너무 재밌다! 하하하

멋사 동기분과 프로그래머스의 코딩 테스트를 하루에 0레벨 문제 4문제, 1레벨 문제 1문제를 풀고 있다.
멋사를 수료하기 전엔 ‘코드 워즈’라는 사이트에서 풀곤 했었는데 이젠 프로그래머스에서 다시 시작하기로 했다.

문제를 풀면서 느꼈던 성취감은 정말 대단한 것 같다! 코딩을 하기 잘했다라는 생각이 들기도 한다.
다만 중/고등학교에서 수포자라는 것이 후회가 될 뿐…

아쉬웠던 점 😢

• 디자인도 좋지만 개발이 더 좋아!

아무래도 나는 디자이너 겸 프론트엔드 개발자로 참가하여 개발자로 작업을 진행하기 전에 디자인에 대한 생각과 레퍼런스들을 살펴보는 등의 작업을 우선적으로 생각해야했다.

그래서 프로젝트에서 사용해야 하는 툴에 대한 공부를 깊이 하지 않았던 것 같아서 아쉽다. 지금도 공부를 하고 있지만 막상 새로운 툴을 사용하기 시작했을 때 내가 잘 이해하고 있는지에 대한 의문이 계속 들 것 같다.

그래서 이번을 마지막으로 디자인보단 개발만을 담당하는 인원으로 다음 프로젝트에 참가해보고 싶다!

• 날이 가면 갈 수록 코딩 테스트의 난이도가??

코딩 테스트를 하면서 어느샌가 3번째 페이지를 풀고 있는데 점점 난이도가 올라가는 것을 느낄 수 있었다.
심지어 내가 공부하지 않았던 것들(비트 연산자)도 다른 사람의 풀이로 나오면서 공부의 필요성을 한번 더 느꼈다.

코딩 테스트 문제를 풀면서 map, filter 메서드에 대해서는 익숙해졌지만 다른 메서드와의 결합하여 사용하는 방법에 조금 약한 부분이 있는 것 같아 그 부분에 대해서 조금 더 공부해야할 필요가 있을 것 같다.

다음 주 계획 ⏰

• ‘복받으라묘’ 프로젝트 성공적으로 배포하기

• 사용자 피드백을 반영하여 프로젝트 수정하기 / 코드 질을 높이기

• 프로젝트에서 사용한 툴을 한번씩 자세하게 살펴보기(공식문서 / 강의 이용)

• 포트폴리오 정리하기(노션, 이력서)