Project Implementation
-
어제부터 시작한 스프린트 1에서는 가장 낮은 난이도 구현을 진행하기 시작했다. 프론트엔드의 경우, 이미 진행했던 스프린트여서 레이아웃 구성에서는 현재 큰 문제는 발생하지 않았다. 지속적으로 커뮤니케이션을 하면서 충돌을 잡아가다보니 당장 눈에 보이는 것은 없었다. 다만 서버와의 상호작용에서 많은 일들이 일어날 것 같다.
-
백엔드의 경우, AWS 자체에서 환경설정 세팅에 많은 시간이 소요되는 중이었다. 백엔드 하시는 분들이 너무 고통스러워하셔서 나도 인스턴스에 직접 설치를 해서 이것저것 시도해봤는데 초반 npm 버전부터 난감하게 만들었다. 겨우겨우 통과하나 싶더니 CORS 문제가 생겨서, 이전에 만들어뒀던 임시 서버로 어떤 현상인지 대충 파악만 해뒀다. 해당 이슈에 대해 모각코하던 팀원분과 공유했다. 내일 같이 세팅 맞추면서 해야 잘 될 것 같다.
-
프론트엔드 태스크가 일찍 끝났을 때는 다음 난이도 작업을 위한 자료조사 및 기존 스프린트 공부로 시간을 채워나갔다. SR 단계가 완벽할 수 없다고 팀원들과 판단했고, 큰 틀만 잡아서 제출한 뒤 실제로는 난이도별로 구축하기로 했다. 현재까지는 안정적이다.
-
백엔드 환경 구현을 위해 팀원들이 전체적으로 달라붙어서 진행했다. 인스턴스에서 RDS 연결하는 부분에서 오전 시간의 대부분을 소요했고, CORS 요청 및 라우터 분기에서 3시간 남짓 팀원들이랑 같이 씨름하면서 해결했다.
-
서버측 태스크 분배에 대한 피드백 요청이 들어왔다. 시간 분배에 대한 부분도 있어서 좀더 세분화할 필요성을 느꼈다. → 백엔드팀의 양해를 구하고 세분화 정비를 했다.
-
백엔드팀의 요청으로 브라우저 내 아이디값 기억을 하는 기능을 추가로 구현하였다. 올바르게 한 건지 모르겠지만 일단 로컬 스토리지를 이용해서 저장시킨 후, 값이 있으면 불러오는 걸로 해두었다. 캐시가 삭제되지 않는 한 계속 유지 시키는 게 맞는 거 같다고 판단했다. 아이디 값이 뒤짚어 씌워지기 때문에 이중 계정 등에 대한 대비는 되어있지 않다. 궁금해져서 트위터를 확인해봤는데 localstorage에 저장하지 않는다. 세션을 통해서 저장하고 받아오는 것 같다. 이부분은 다시 확인해봐야할 것 같다.
-
배포환경에서 접속한 유저가 누군지 확인하기 위해 라우터 경로에 userid 첨부해보는 것을 시도했다. match 등을 활용해볼 수 있는 것 같은데 좀더 공부해보고 적용해봐야겠다. 검색키워드 : navlink 주소, navlink 변수 넣기 - 참조링크 / 참조링크2
-
배포하는김에 AWS CLI도 써봤는데.... 콘솔보다 로그인하지 않는 게 편할 뿐이지 아직까지 어떤게 좋은지 모르겠다..ㅠ cp 할때 파일 하나하나 올리는거 때문에 폴더째 업로드하는 방식은 없는지 좀더 찾아봐야할 것 같다. 참조
-
클라이언트에서 JWT 토큰을 헤더에 담는 것과 더불어 서버로 전송하는 부분을 고민하고 있다. 일단 참조 사이트 링크들 줍줍 → Axios와 JWT token 설정
-
햄버거 메뉴 관련
e.target.classList.toggle시도할 경우, span에도 전달되는 현상으로 인해 제대로 작동하지 않는 부분을 발견했다. 그래서 해당부분을 공부하기 위해 이벤트전파 를 읽게 되었다. 실제로는 state에 isOpen 값을 설정해서 더 깔끔하게 해결할 수 있었다. -
react 컴포넌트 keys 옵션 설정에서 에러가 수정을 못하는 중이다. → key 값의 경우 컴포넌트뿐아니라 map 에서 사용한다면 항상 적용해야 한다. map이 여러개 있다면 당연 그 map 마다 설정해줘야한다.
-
select 옵션이 한칸 뒤로 밀려서 반응한다. 이부분은 setState의 비동기 액션에 대한 부분으로 다시한번 제대로 공부한 후 이해하고 넘어갈 수 있었다.
