1주차 개발일지

[수업목표]

1. HTML, CSS의 기초 지식을 이해한다. 부트스트랩을 가져다 쓸 줄 안다!
2. Javascript 기초 문법을 익힌다.

 

1. 부트스트랩

https://getbootstrap.com/docs/5.0/getting-started/introduction/ 

Introduction

부트스트랩이란? 예쁜 CSS를 미리 모아둔 것 (CSS를 다룰 줄 아는 것과, 미적 감각을 발휘하여 예쁘게 만드는 것은 다른 이야기이기 때문에, 현업에서는 미리 완성된 부트스트랩을 가져다 쓰는 경우가 많습니다.)

 

2. Javascript 기초

변수, 자료형, 함수, 조건문, 반복문   

1. 변수

let num = 20

num = 'Bob' (문자에는 따옴표 표기)

 

2. 리스트 [ ]

let b_list = [1,2,'hey',3] // 로 선언 가능

b_list[1] // 2 를 출력

b_list[2] // 'hey'를 출력

 

3. 딕셔너리 { }

let b_dict = {'name':'Bob','age':21} // 로 선언 가능

b_dict['name'] // 'Bob'을 출력

b_dict['age'] // 21을 출력

 

4. 함수

// 만들기

function 함수이름(필요한 변수들) { 내릴 명령들을 순차적으로 작성 }

 

// 사용하기

함수이름(필요한 변수들);

 

5. 조건문

function is_adult(age){

    if(age > 20){

        alert('성인이에요')

    } else {

       alert('청소년이에요')

    }

}

 

is_adult(25)

 

6. 반복문

예를 들어 0부터 99까지 출력해야 하는 상황이라면!

for (let i = 0; i < 100; i++) {

    console.log(i);

}