[1주차 목표]
- 서버와 클라이언트의 역할에 대해 이해한다.
- HTML, CSS의 기초 지식을 이해한다. 부트스트랩을 가져다 쓸 줄 안다!
- Javascript 기초 문법을 익힌다.
Javascript?
- 프로그래밍 언어 중 하나로, 브라우저가 알아들을 수 있는 언어
- 모든 웹서버는 HTML + CSS + Javascript를 주게 되어있다.
<head>안에<script>로 공간을 만들어 Javascript를 작성한다.- TIP! 크롬 개발자도구 콘솔창에서 Javascript를 테스트해볼 수 있다.
윈도우:F12
맥:alt+command+i
기초 문법
변수
자료형 신경x, let으로 변수 선언
let num = 20
let name = 'bob'리스트, 딕셔너리
ㆍ리스트 : 순서가 있는 변수 묶음
// 빈 리스트 선언
let myList = []
// 리스트에 요소 넣기
myList.push('hello')
myList.length // 리스트 길이(1) 출력ㆍ딕셔너리 : key - value 값의 묶음
// 빈 딕셔너리 선언
let myDict = {}
// 딕셔너리에 key로 value 추가
myDict['name'] = 'HyeYeong'
myDict['age'] = 24
// myDict 출력: {name: 'HyeYeong', age: 24}
// 특정 key의 value를 가져오고 싶다면
// myDict['name'] 으로 value를 가져올 수 있음함수
// 함수 선언
function sum(a, b){
return a + b;
}
// 함수 사용
let num_result = sum(3, 5); // 8조건문
if (age > 20){
alert('성인입니다.')
} else if (age > 10){
alert('청소년입니다.')
} else {
alert('10살 이하입니다.')
}반복문
for (let i = 0; i < 100; i++){
console.log(i)
}
누워있는게 좋은 완벽주의자