크롬앱 만들기- CSS적용 및 깃허브페이지 등록 (1)
이 프로젝트는 '바닐라 JS로 크롬 앱 만들기'입니다.
이 주제의 경우, NOMAD CODERS에서 누구든지 들을 수 있는 수업입니다.
노마드 코더 Nomad Coders – Clone Startups. Learn to Code.
노마드 코더 Nomad Coders
코딩은 진짜를 만들어보는거야!. 실제 구현되어 있는 서비스를 한땀 한땀 따라 만들면서 코딩을 배우세요!
nomadcoders.co
안녕하세요. 하다블입니다.
군 복무를 마치고 그동안 CSS를 익혀서 적용해 보아야지 했던 크롬앱을 너무 오랫동안 실천하지 못해서 이제라도 해보려고 합니다. 이번 프로젝트의 시작부터 보고 싶으신 분들은 아래 링크를 눌러 확인하실 수 있습니다.
2022.02.08 - [JavaScript-크롬앱 만들기] - 크롬 앱 만들기 0.Intro
크롬 앱 만들기 0.Intro
이번에 공부해볼 내용은 '바닐라 JS로 크롬 앱 만들기'입니다. 이 주제의 경우, 누구나 무료로 들을 수 있는 수업이며, NOMAD CODERS에서 들으실 수 있습니다. 학년이 높아질수록 무언가 도전해야 할
hadable.tistory.com
그리고 마지막으로 CSS 없이 끝냈던 작품의 마지막은 다음과 같습니다.
2022.03.02 - [JavaScript-크롬앱 만들기] - 크롬 앱 만들기 4. 수업 따라 JS 이용하기
크롬 앱 만들기 4. 수업따라 JS 이용하기
이 프로젝트는 '바닐라 JS로 크롬 앱 만들기'입니다. 이 주제의 경우, NOMAD CODERS에서 누구든지 들을 수 있는 수업입니다. 노마드 코더 Nomad Coders – Clone Startups. Learn to Code. 노마드 코더 Nomad Coders 코
hadable.tistory.com
CSS 없이 제작되었던 홈페이지는 다음과 같았습니다.
그리고 CSS를 익혀서 작성한 홈페이지는 다음과 같습니다.
하지만 아직 모든 작업이 된 것은 아닙니다.
다른 페이지를 만들기 위해 작성한 HTML에는 아무것도 없으며, TODO리스트를 작성하면 아직 CSS가 적용되지 않은 모습을 볼 수 있습니다.
하지만 먼저 깃허브페이지에 올려보는 것을 익혀보기 위해 미완성인 작품을 올려보았으며 깃허브를 업데이트하는 법을 익혀보고자 먼저 올려본 것도 있습니다.
또한 제가 확인하지 못한 CSS 미적용 부분이나 어떤 오류가 있는지 확인하기 위해 제가 제작한 사이트를 올려보기로 했습니다.
간단한 홈페이지
hadable.github.io
TODO리스트에 있는 부분에 대한 CSS 작업과 다른 페이지에 어떤 페이지를 만들지도 구상하여 업데이트하도록 하겠습니다. 감사합니다.