[HTML/CSS/JS]🎄크리스마스 어드밴트 캘린더 만들기🎄 + 기초 내용..

ㅋㅋ 인스타 광고에서 크리스마스 어드밴트 캘린더 만드는 강의가 있길래 시험공부하고 집와서 만들어 봣다 (ㅈㅅ 12월 15일임)

 

아니 근데.. 이거 코드 복붙만 하는 거라 걍 대충 내용 알아보는 거임... 완전 기초.. 내가 코드 작성하는 것도 아녀...ㅜㅜ

 

 

( 오 웹개발시 Chrome에서 그 페이지에다가 커서 올린 후 오른쪽 마우스 누른다음에 검사 누르면 HTML 소스 나오니까

앞으로 웹페이지 개발할꺼면 Chrome 에서 해!! )

 

만든거 : 

https://codenamevien.github.io/day_calender/

스파르타코딩클럽 어드벤트 캘린더

 

h1 : HTML 뼈대 (구조) - 웹페이지 구현 용 

<h1></h1>
//이거 쓰려면 h1입력 후 Tab키 누름 됨

 

 

css : 명찰(id.. class등..?)에 스타일링을 주는 코드 (즉 구현해 놓은 걸 예쁘게 보이게 만드는 것)

<style> {
    color: red
</style>

 

script : 자바스크립트 코드 쓰는 곳 (기능 구현!)

<script></script>

 

 

즉!! 공유하기 버튼을 예시로 들었을 때,

HTML : 웹페이지와 공유하기 버튼을 만든다.

css : 버튼을 예쁜 모양으로 만들어준다

JS : 공유하기의 기능을 구현한다

 

 

link : 파일링크..css 코드 새로 작성했다면 반드시 link로 'html파일'과 '그 css파일'을 연결 시켜줘야 함

ex) HTML 파일에다가 아래처럼 작성

<link rel="stylesheet" href="share.css">

 

script : js 코드 새로 작성했다면 반드시 scipt로 'html파일'과 '그 js파일'을 연결 시켜줘야 함

ex) HTML 파일에다가 아래처럼 작성

<script src="index.js"></script>