📌 모바일 크기 내 반응형 구현
다행히 디자이너분께서 손빠르게 연휴 기간 동안 디자인을 완성해주셨고
디자인에 최대한 맞춰 모바일 사이즈 내에서 반응형을 구현했다
진짜 모바일 사이즈 내에서여도 반응형 구현하려니 너무 힘들다
반응형,, 나에게 너무 숙제다
진짜 수료하고 나서 반응형 좀 빡세게 공부해야봐야겠다
그래도 CSS를 몇번 뒤엎고 뭐든 다 적용해보잔 마인드로 다 하다 보니 %와 vw가 어떻게 작용하는지는 대충 감이 왔다
📌 실시간 채팅 재도전
실시간 채팅 CSS를 완성한 후, 실시간 채팅 기능에 재도전해봤다
역시... 난 역부족인가 싶다
또 실패하고 말았다ㅠ
진짜 데이터 통신 자체에 대한 이해가 안되니 구현하는데 꽤 어려움이 있다
내일 학원 가서 성공한 사람 있나 찾아봐야지~
[ 🙂 merge 과정 중 package.json 충돌 ]
타이틀의 웃음은 현타 온 웃음이다
원래 import가 잘되던 socket io client 라이브러리가 갑자기 빨간줄과 함께 설치가 안돼있단 문구가 떴다
확인해보니 팀원들이랑 서로 pr 날리고 merge하던 과정에서 socket io가 없는 package.json이 왔다갔다한 느낌이였다
그냥 단순히 새로 다운받아서 넣자! 란 생각으로 넣었는데..
package.json과 yarn.lock이 conflict가 생겼단 문구가 똭...^^
pakage.json도 꼬이고 팀원들과 서로 node_modules와 package-lock.json을 그대로 둔 채 yarn install을 하고 사용하면서 버전도 꼬이고 여러모로 모든게 꼬인듯한 느낌이였다
진짜 이걸 어떻게 해결할까하다가 그냥 실시간 채팅 branch를 포기하고 새롭게 pull 해 온 다음에 다시 집어넣는게 낫겠단 생각이 문득 들었다
branch를 지우기 전, 실시간 채팅 관련 내용은 빈 폴더에 일단 옮겨두었고 branch를 지우고 git pull upstream develop을 통해 원래 repo에서 땡겨온 후 땡겨온 상태에서 실시간 채팅 내용을 다시 넣어준 후 package-lock.json, node_modules를 지우고 socket io가 설치되어 있는 package.json을 덮어씌워줬다
진짜 이것도 충돌나면 난 망했다란 생각을 했는데 다행히 github님이 내 push 시도를 받아주셨다ㅠㅠ
단순히 새롭게 yarn add할 때는 팀원들끼리 공유만하면 된다고 생각했는데
역시 그렇게 단순한 일이 아니였다
이제 팀원들과 라이브러리를 다운받을 땐 각자 갖고 있는 node_modules와 package-lock.json을 삭제 후 다시 yarn install을 하는 과정을 거쳐야겠다
역시나 뭐든 직접 겪어봐야 깨닫는 나^^
오늘도 하나 직접 겪고 얻어냈다^^
