Projects,Activity/피로그래밍2 피로그래밍 21기 CSS 반응형 강의자료 목차 - 반응형 페이지가 뭐야? - Desktop First vs Mobile First - Breakpoints와 단위 - 연습해보자! - 피로그래밍 홈페이지 클론코딩 1. 반응형 페이지가 뭐야?반응형 페이지란 컴퓨터, 태블릿, 스마트폰 등 다양한 장치로 접근할 때, 각 화면의 크기에 맞는 레이아웃을 보여주는 것을 말해요. !를 치면 나왔던 기본 HTML5 템플릿에서도 반응형 페이지를 위한 코드가 숨어있는데요, 무슨 뜻인지 간단하게 알아봅시당 content="width=device-width” : viewport의 너비를 장치의 너비와 같게 설정(장치가 가로로 가지고 있는 px의 수와 같게 설정). => 웹사이트가 다양한 화면 크기에 맞게 적절하게 조정되도록 해줌 content="initial-scal.. 2024. 6. 26. 피로그래밍 공식 홈페이지 리뉴얼한 이야기 개발 기간2023.10.17~2023.11플랫폼Web개발 인원2명담당 역할1. UI/UX 개편 2. Frontend언어Python, JavaScript프레임워크Django협업툴Github, Notion, Figma 작년 11월에 완성한 홈페이지에 대해 이제야 글을 남긴다..! 20기 활동도 끝난 시점이라 ㄹㅇㄹㅇㄹㅇ 뒷북이다 나는 피로그래밍 19기로 활동한 후 20기 부회장으로 활동했다. 회장단의 할 일 중 하나는 홈페이지 유지보수이다. 처음 홈페이지가 만들어진 후로 몇 년간 바뀐 적이 없어서 한번 바꿔볼까? 하는 생각에 회장님과 대공사를 시작했다. 회장님이 백엔드를 맡고 내가 프론트를 맡았다. 웹개발 동아리인 만큼 재미있는 이펙트를 많이 추가했다. 1. 커스텀 마우스 마우스를 display none 시.. 2024. 3. 26. 이전 1 다음
