HTML, CSS 기초

 

html : 5 를 치면 페이지의 기본 구조가 나온다.

여기서 body는 내용 title은 제목을 나타낸다.

 

head와 body 큰 뼈대

body는 홈페이지에 들어가는 모든 내용

head는 홈페이지에 보이지 않는 모든 내용

 

<p>태그로 분리해줄 수 있다. (줄바꿈) </p>

 

class 라는 명찰을 붙이고 style 태그에서 해당 명찰을 꾸며줄 수 있다.

body 같은 경우 하나만 있기 때문에 클래스 필요없이 사용 가능

 

<style>

padding: 범위 확장

margin: 빈칸 확장

 

가운데 맞추려면 전체를 div로 다 감싸서

margin: auto로 가능함

 

폰트 적용은 구글폰트 import에서 가져올 수 있음

* 은 전체를 말하는 것

 

박스 스타일은 항상 백그라운드 컬러부터

 

 

부트스트랩에서 다양한 디자인을 가져올 수 있다.

 

alt + shift + F = 자동 줄맞춤

 

이전 코드를 보고 가져올 코드를 미리미리 챙겨둡니다.

 

HTML 뼈대

CSS 꾸미기

Javascript 움직임

 

 

자바스크립트

5가지만 기억!

1. 변수

2. 자료형

3. 함수

4. 조건문

5. 반복문

 

콘솔은 개발자를 위해서 띄워놓은 도구이다.

jQuery는 누군가 쓰기 쉽게 만들어 놓은 라이브러리

jQuery 로 조작할 땐 id 값을 붙여줘야한다.

 

foreach문

여기서 array는 가져올 변수명

element는 앞으로 설정될 변수명

중괄호 사이에 수식을 작성하면 된다.

 

변수 설정할 땐 let

 

딕셔너리 값을 불러올 땐

변수명[키] 형식으로 가져오기