공부 및 일상기록

일탈 프로젝트를 모바일 화면까지 반응형으로 만드는 와중에 Footer를 하단 메뉴바로 이용하다가, 화면이 커지면 내려가면서 웹페이지의 하단 푸터가 되도록 만들고 있었다. 문제는 미디어쿼리를 이용하여 특정 크기 이하에서 position:fixed, bottom:0 을 만들어 줬는데도 작동하지 않았다. 구글에 검색하면 수많은 이유로 안된다고 하는데.. 사실 다 해봤는데 난 계속 안됐다. 그러다 우연치않게 스택오버플로우에서 비슷한 현상의 글을 발견했다. https://stackoverflow.com/questions/44679794/position-fixed-on-chrome-mobile-causing-element-to-move-on-scroll-up-down Position fixed on chrome m..

프론트 3명, 백엔드 3명, 디자이너 1명의 팀으로 만들었던 프로젝트인 일상의 방탈출을 리팩토링 하려고 한다. 그 제일 큰 목적은 처음으로 팀 단위로 만든 프로젝트이며, 애착 남아있고, 실제 사용자를 받아보고 싶어서 이다. 그리고 부수적인 목적으로 깔끔한 코드 작성 공부와 타입스크립트 공부, 반응형 공부가 있다. 이 리팩토링은 프론트엔드 부분은 나 혼자 진행하고, 백엔드 부분은 같이 했던 백엔드 개발자 한분이 하기로 했다. 나의 계획은 이렇다. 1. 타입스크립트로 마이그레이션 점차 기능이 많이 붙고, 이미 내가 만든 코드가 아닌것들도 많아서 어떤 데이터가 받아지는지 헷갈릴 때도 많고, 누군가가 합류하게 된다면 그 사람도 헷갈릴 가능성이 있기 때문에 타입스크립트로 마이그레이션 하려고 한다. 2. 코드 분할..