고지은고

최종 프로젝트 목표 중 하나였던 반응형 웹 구현하기 미디어 쿼리를 배워본 적도, 사용해본 적도 없던 터라 바로 구글링을 했다 모바일퍼스트, 데스크톱 퍼스트 등 웹페이지를 구현할 때도 처음에 고려해야 할 사항이 많다는 걸 다시 느꼈다 요즘은 모바일로 접속하는 횟수가 많기 때문에 모바일퍼스트 추세라고는 하지만 아직 데스트톱을 기준으로 웹페이지를 구현하는 곳도 많다고 한다. 만약 모바일퍼스트로 웹앱을 구현하고 싶다면, 모바일 기준으로 먼저 페이지를 구현 후 차츰차츰 태블릿, 웹브라우저 등 페이지를 구현해야 한다고 한다. 우선 head 태그에 meta viewport를 설정해줘야 해서 위의 meta viewport태그를 선언해줘야 한다 content에 작성된 의미는, width=device-width : 화면의..

대략 한 달 동안 그동안 수업에서 배웠던 내용을 바탕으로 조별 세미프로 젝트를 진행했다 처음엔 각 페이지의 백엔드와 프론트엔드를 모든 팀원들이 각자 작성하고 그중에서 괜찮은 부분을 합쳐 사용하는 방향이었는데, 모든 팀원이 똑같은 한 페이지를 구성하려다 보니까 세미프로 젝트의 목적인 복습에는 매우 도움이 되겠지만 사실 효율적이지 않은 방법이었다 (무엇보다 시간이 부족했다) 그래서 결국 각자 한 페이지씩 맡아서 백엔드와 프론트엔드를 구성하는 방향으로 정했다. 우리 조는 인스타그램 같은 SNS를 만들고 싶었기 때문에 학원 이름을 가져와 에이콘스타라는 SNS 사이트를 만들어봤다 여기가 피드를 올릴 수 있는 메인 페이지이다 반응형으로 제작되어있으며 유저 아이디 옆 하트를 누르면 숫자가 증가하고 댓글 기능도 존재한..