Front-end/Projects (19) 썸네일형 리스트형 Print# LandingPage Project Preview : 사이트 방문 : https://hopeful-bartik-7f11bd.netlify.app/# 개발목표 : 인쇄소 홈페이지를 의뢰받아 제작한다는 컨셉으로 구현하였습니다. 지금까지 공부한 HTML, CSS, Javascript를 사용하여 이해도를 높이고 실제로 웹페이지 제작시 어떻게 사용되는지를 익히는데 집중하였습니다. 대부분의 코드에 주석을 달아 다시 코드를 참고할 수 있도록 하였고 새롭게 배운 내용은 블로그에 기록하였습니다. 구현기간 : 2021-05-10 ~ 2021-05-24 Skills : HTML, CSS ( SCSS ), JavaScript 배포 : Netlify 시연영상 : https://youtu.be/uxzyqD7RBCc Code : https://github.com/b.. React Portfolio Project https://khhomepage.ml/ 요구사항 : Landing Page, 자기소개, 취미, 웹 개발자로써의 목표 4가지 페이지를 포함하여 개인 홈페이지를 제작 구현기간 : 2021-02-24 ~ 2021-03-19 Skills : HTML, CSS, JavaScript, React 배포 : Netlify 시연영상 : https://youtu.be/DuhIKl-6hTw Code : https://github.com/bellcastle88/ReactPortfolioProject Responsive NavBar 기본 NavBar의 화면은 다음과 같이 표시된다 화면이 줄어들면 메뉴바는 사라지고 작은메뉴(햄버거)가 생긴다. 작은메뉴(햄버거)를 클릭하면 아래로 메뉴가 추가된다. 이때는 js를 이용하였다. hover기능도 표시되도록 추가하였다. 메뉴바를 만들면서 최대한 기능을 익숙하게 사용하기위해 주석을 달았다. 앞으로 새로운 Responsive NavBar를 사용할때 참고하면 좋을것 같다. GitHub 코드 : https://github.com/bellcastle88/nav_bar 이전 1 2 3 다음
