TIL, 7.18-20

백엔드와 함께 만드는 미니 프로젝트

프로젝트 진행 중

프로젝트에 여러 가지 문제가 많이 생겼다 먼저 반응형에 대해 구현하는 법이 엉망이었는데 반응형 구현을 정확히 알지 못해 rem으로 도배를 했는데 기술 매니저님께서는 반응형은 미디어쿼리와 vh, vw, %를 이용하여 구현하는 것이 좋다고 하셨다 그 후에도 서버 연결을 하면서 마주한 CORS에러, 로그인 구현을 할 때 만났던 쿠키, 새로고침할 경우의 redux 초기화 문제 등이 있다 그중 제일 시간이 오래 걸렸던 문제는 쿠키였다 서버에서 알맞은 로그인을 할 경우 서버에서 쿠키로 토큰을 주어 게시물을 작성할 수 있도록 하는 등의 권한을 주어야 하는데 서버에서 응답이 올 때 헤더에 쿠키는 잘 들어온 것을 확인할 수 있었으나 쿠키가 개발자도구를 확인했을 때 저장소에 들어가지 않고 권한이 필요한 기능을 사용했을 경우 권한이 없다고 오류가 났다 서버분들과 오랜 시간 테스트 해보면 오류 부분을 찾고 맞추어 가면서 결국 쿠키를 잘 사용했는데 개발자도구로 쿠키를 봤을 때 빈 공간으로 뜨고 쿠키는 있는 것으로 판명되었다 새로고침을 해도 쿠키가 남아있어 권한을 잘 사용했는데 쿠키가 있는지 알 수 없고 프런트에서 사용할 수 없어 문제가 되었다 로그인했을 경우에 따라 다른 UI를 볼 수 있도록 로그인한 순간 유저정보를 조회해 조회한 내용을 리덕스에 넣어 관리하여 리덕스에 유저정보가 있을 경우에 로그인이 되었다고 판단하여 다른 UI를 보여주었다 시간 안에 프로젝트를 완성할 수 있었지만 시간이 짧아 완성도가 떨어지고 마음에 드는 프로젝트를 구현하지 못한 점이 아쉽다 시간이 있다면 더 많은 기능을 넣어보고 코드 리팩토링까지 완료할 수 있었을 텐데 다음번에는 시간 배분을 더 잘해서 이러한 점을 보완해야겠다

 

프로젝트 최종 피드백

기술 매니저님께서 git pr과 commit 메시지에 디테일한 내용을 기재하여 잘 썼으나 서로 보낸 것이 아쉽다고 하셨다 우리 팀에 2명이 프런트어서 내가 레파지토리를 파고 다른 한분이 fork를 해서 기능구현했을 때마다 pr을 보내는 식으로 했는데 이런 식보다는 브랜치를 master develop feat으로 나누어 commit을 해서 pr 하는 방식으로 다음번에는 해보라고 하셨다 이번에 나름 UX를 신경 쓰어 제한 조건이 있을 경우 사용자가 조건이 눈에 잘 보이게 하였는데 예를 들어 본문 내용이 500자일 경우에 쓴 내용의 글자수를 보이게 해 놓았고 500자가 넘었을 때 빨간색으로 바꾸는 식이다 매니저님이 이런 점은 세세하게 잘했다고 하여 기분이 좋았다 시간이 더 있었다면 댓글 기능도 구현하고 코드리팩터링을 해서 폴더별로 기능들을 나누고 재사용하는 하는 방식으로 바꾸고 싶었는데 아쉽다 다음에 시간이 난다면 이러한 점을 고치고 싶다

후기

오늘 발표날이라 발표하고 일찍 잘라했는데...