Velog Dashboard (V.D.) 2주차 회고

육기준·2024년 11월 25일
1

☹️ 예? 벌써 3주차라고요?

네 그렇습니다. 벌써 2주차가 끝났습니다.
지금까지 뭔가 많이 하진 않았던 것 같은데.. 그새 3주차가 다가오고 있습니다.

그래도 프로젝트 세팅이나 코드 리뷰 참여 등 또 아얘 안 했다 그러진 못하는 애매한 기간이었던 것 같습니다;

💭 무슨 일이 있었을까요?

프로젝트 세팅

프로젝트 레포지토리를 새롭게 세팅했습니다!
이전에 선택했던 스택을 기반으로 세팅했는데, 중간 중간 문제점들이 있어서 고생했던 기억이 있습니다..

NextJS에 Vite 적용이 안 되나?

NextJS를 거의 처음 사용하다 보니, 첫 세팅부터 막막했습니다.
원래 Vite와 NextJS를 통해 프로젝트를 구성하기로 정했었는데, Vite로 시작하는 방법이 아무리 찾아봐도 안 나왔습니다.

알아보니 NextJS에선 내장 번들러가 있기 때문에, 굳이 다른 번들러를 사용하지 않는다는 내용이 있었습니다!
(다만 15 버전부터 TurboPack을 사용할지에 대한 여부를 세팅시에 물어봅니다.)

레퍼런스

간단히 로그인 페이지 제작


간단한 로그인 페이지를 디자인하고 제작했습니다.
사실은 "했습니다" 보다 "하고 있습니다" 가 더 적절한 표현일 것 같은데, Velog API에서 정상적인 응답값을 보내주질 않아서 아직도 어디가 문제인지 찾고 있습니다;

이것만 끝나면 테스트 조금 작성하고 바로 PR을 올릴 수 있는데 정말 어디가 문제인지 찾을 수 없는 느낌입니다.

그래도 API와 그에 관련된 테스트를 제외한 다른 테스트를 포함해서 전부 완성했고, 테스트 작성이 대략 어떻게 진행되는지 배울 수 있었습니다.

확장 프로그램 관련 고민

이전 버전의 Velog Dashboard는 사용자가 직접 벨로그의 토큰을 개발자 콘솔에서 가져와서 입력하는 방식으로 동작하였는데, 이를 확장 프로그램을 통한 auto-fill 기능으로 대체할지에 대해 고민하였습니다.

사실 처음엔 아이디어를 내긴 했어도, 과연 이걸 사용할 사람이 있을까 싶었습니다.
(그냥 토큰을 자동으로 뜯어주는 확장 프로그램일 뿐이라 굳이 설치할 이유가 없어보였습니다. 또한 자동 리프레시를 서버에서 시켜줄 것으로 예상했기에 한번 로그인하면 삭제해야 하는 필요없는 확장이라고 생각했습니다.)

그런데, 토큰 자동 리프레시는 아직까지는 가설일 뿐이며, 다운로드 수가 적더라도 트래픽이 발생한다면 실제로 유용하다는 증거라는 현우님의 말씀을 듣고 나니 만드는 쪽이 더 좋을 듯 하다고 생각했습니다.
또한 이미 확장 프로그램 개발 경험이 있는 만큼 충분히 빨리 개발할 수 있기도 합니다!

코드 리뷰

처음으로 코드 리뷰에 참석해봤습니다.

다른 분들이 제 코드를 읽고 개선점을 알려주시다 보니 놓친 부분을 다시 한 번 돌아볼 수 있었고, 다른 분들의 코드를 보며 제가 몰랐던 점을 깨달을 수 있었습니다.

물론 다른 분들의 코드를 읽고 리뷰하는 작업에도 참석하였는데, 다들 정말 잘 꾸며주셔서 아쉬운 부분을 찾기가 어려웠습니다;
그래서 좋았던 점이랑 개선했으면 하는 점 정도만 적어 리뷰해드렸는데, 혹시 부족한 리뷰이진 않았을지 조금 아쉽습니다.

👍 어떤 점이 좋고, 어떤 점이 아쉬웠을까요?

좋았던 점 (Keep)

  • 좋았던 점이 필수인 코드 리뷰
    개인적으로 정말 만족스러운 규칙이었습니다.
    아쉬운 점만 나열되어있으면 기분이 상하지 않았을까 싶은데, 도려 칭찬을 들으니 요청된 개선점을 빠르게 개선하고 싶은 생각이 듭니다.
  • Back-End 개발자분들과의 의사소통
    질문이 있을 때마다 편하게 드리거나, 편하게 받을 수 있어 좋았습니다.
    최근에 토큰 관련해서도 어떤 방식으로 반환되는지 정확히 알 수 없어서 질문드렸는데 상세히 답변주셔서 좋았습니다. (하온님 감사합니다!)

아쉬웠던 점 (Problem)

  • 늘어지는 느낌과 귀찮음
    아직도 로그인 페이지를 제작하고 있는데, 이상하게 늘어지는 느낌입니다.
    퍼블리싱이나 페이지 관련 테스트는 빠르게 됬는데, Velog에서의 응답이 정상적으로 오질 않아서 어떻게 나가야 할지 아직도 고민하고 있는 상황입니다.
    한 곳에 계속 갇혀있는데다가 방법도 도저히 안 나와서 그런지 되려 개발하기 귀찮아지기도 합니다;

개선 방법 (Try)

  • 빠르게 문제 알아내는 방법 기르기
    현재로써는 fetch에 대해 더 공부해보는 방식으로 왜 데이터가 넘어오지 않는지 알아내야 할 것 같습니다.
    이런 문제가 오래 지속되지 않는다면 흥미를 가지고 계속 개발할 수 있을 것으로 보입니다.
    (똑같은 일을 계속 반복하고 있어서 지루해지는 것으로 보입니다. 진전이라도 있어야 재미가 있죠..)

🎬 결론은 뭔가요?

(제 메일함은 곧 저렇게 됩니다..)
무언가를 많이 하지는 않았지만, 새로운 것들을 자잘하게 경험할 수 있었던 것 같습니다.
처음 코드 리뷰에 참여하는 느낌이 가장 신선하고 좋았던 것 같은데, 이제 얼마 뒤면 PR로 융단 폭격이 떨어질 걸 생각하니 조금 두렵기도 합니다;

그래도 열심히 참여해서 좋은 코드를 만들기 위해 노력해나가야겠습니다!

profile
Front-End 전문가가 되기 위해 꾸준히 공부하고 있습니다

3개의 댓글

comment-user-thumbnail
2024년 11월 25일

다들 어디서 이렇게 적절한 짤들을 가져오시는지👍🏻👍🏻 제 글은 너무 건조하고 딱딱한 느낌이군요..!
그리고 원래 처음에 환경 설정하고 프로젝트 세팅하는 게 가장 어려운 것 같아요.. 기준님의 pr 리뷰도 많은 도움이 됐습니다 감사합니다!!

답글 달기
comment-user-thumbnail
2024년 11월 25일

탄력 받기 시작하면 늘어지는 기분도 금방 가실꺼에요! 그리고 기말인데 늘어질 시간이 어딧어요 기준님 :) (ㅎㅎㅎㅎ) 앞으로가 더 기대되는 기준님, 화이팅입니다 🔥🔥🔥🔥

답글 달기
comment-user-thumbnail
2024년 11월 25일

API 응답 문제는 정말 답답할 때가 많죠...🥹 확장 프로그램 아이디어도 좋네요! 사용자 편의성을 고려하면서도 실용성 있게 접근하시는 게 인상적입니다. 응원합니다! 💪

답글 달기