국비학원프로젝트 2

반응형웹 만들기 (디바이스별 분기점)

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

IT 2021.09.08

국비학원 세미 프로젝트를 통해 배운 점과 느낀 점

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

카테고리 없음 2021.07.17
반응형