프로젝트 미리보기 및 코드 주소
1. 크롬 시작 화면 만들기
실제 웹 페이지를 개발해본다. 개발한 웹페이지는 가장 마지막에 크롬익스텐션으로 변환해, 크롬 창을 켤 때마다 시작화면으로 사용할 수 있도록 설정까지 해 볼 예정이다.
웹 페이지를 개발하기 전에 먼저 개발할 웹페이지를 살펴보면, 오늘의 날짜와 현재 시간을 나타내는 시계를 만들어보고, 검색어를 입력하면 검색 결과 페이지로 이동하는 기능도 만들고, api를 통해 명언 데이터를 받아와서 화면에 나타내보고, 마지막으로 북마크를 추가하고 삭제하는 기능까지 개발해 볼 예정이다.
이번 웹 페이지를 개발하면서 css 중 제일 많이 사용하는 display 속성과 position 속성을 배우고 본격적으로 웹 페이지를 개발해본다.
2. 프로젝트 코드 주소 참고
https://github.com/hbin12212/chrome-newtab
GitHub - hbin12212/chrome-newtab: 웹 프론트엔드를 위한 자바스크립트 첫 걸음 강의 최종 프로젝트
웹 프론트엔드를 위한 자바스크립트 첫 걸음 강의 최종 프로젝트. Contribute to hbin12212/chrome-newtab development by creating an account on GitHub.
github.com
웹 프론트엔드를 위한 자바스크립트 첫 걸음 - 인프런 | 강의
웹 프론트엔드 개발자를 희망한다면? 친절하고 꼼꼼한 자바스크립트 강의로 첫걸음을 내딛어보세요✨, 쉽고 자세하게 배우는 자바스크립트🤓나만의 크롬 개발화면까지 뚝딱! 학생 50% 할인 쿠
www.inflearn.com