01_Step : HTML & CSS & JavaScript

#1. HTML

HTML은 웹페이지를 이루는 뼈대에 해당됩니다.

<태그>

a - 링크연결

h1 - 제목

h2~h6 - h1보다 작은 크기

p - 문단 나눔

div - 내용을 한꺼번에 묶어서 이동 가능

span - 꾸미고 싶은 단어를 특정할 때 사용

 

 

 

#2. CSS

CSS는 HTML로 만들어 놓은 뼈대를 꾸미는 역할을 합니다.

CSS의 위치는 <header>에 <style>태그를 만들고 그 안에 기입하거나 따로 CSS파일을 만든 후

HTML과 <link>태그를 통해 연결해 줄 수 있습니다.

CSS도 HTML과 마찬가지로 많은 태그를 통해 표현할 수 있습니다.

구글폰트를 이용하여 원하는 글씨체로 만들 수 있습니다.

<태그>

font-family - 글씨체 변경

padding - 객체 내부의 여백 생성(위 오 아래 왼)

margin - 객체 외부의 여백 생성(위 오 아래 왼)

border - 외곽선

border-radius - 외곽선의 둥근정도

 

태그 참고 사이트 : w3c, mdn ...

 

 

 

#3. JavaScript

JavaScript는 HTML과 CSS와는 다르게 컴퓨터에게 명령할 수 있는 프로그래밍 언어입니다.

변수,자료형,함수,조건문,반복문을 활용하여 프로그램을 구동시킬 수 있습니다.

 

 

자료형 

list - 순서가 중요할 때

 

push - 맨 뒤에 추가

ex)

a = ['눈','코']

a.push('입')

a = ['눈','코','입']

 

dic - key와 value로 구성

ex)

a = {'사과':'빨개'}

 

함수

function 함수명() {

    함수 내용

}

함수내에 return값은 있어도 없어도 구동됩니다.

 

조건문

if - 조건에 충족하면 실행합니다

if(조건){

    조건이 맞으면 실행

} else if(조건) {

    첫번째의 조건에 안맞고 else if의 조건이 맞으면 실행

} else {

    조건이 다 안맞으면 실행

}

 

반복문

for - 정해놓은 범위 안에서 반복적으로 실행합니다.