1주차: HTML, CSS, Javascript
- 오늘은 HTML과 CSS를 배우는 날! 즉, 4주차에 내려줄 HTML파일을 미리 만들어 두는 과정입니다. + 또, 2주차에 자바스크립트를 능숙하게 다루기 위해서, 오늘 문법을 먼저 조금 배워둘게요!
Remember
- 함수를 만들어두기
- function hey(){ alert('안녕!'); }<head> ~ </head> 안에 <script> ~ </script> 로 공간을 만들어 작성합니다.
- <script> ~ </script> 내에 자바스크립트를 작성하는 것이죠 아래 코드를 통해 간단한 사용방법을 알아봅니다.
자바스크립트 기본 문법
- 변수 - let으로 변수 선언! let num = 20
- 사칙연산 - let a = 1 > let b = 2 > a + b =3
- 리스트 - 순서를 지켜서 가지고 있는 형태
- 딕셔너리 - 키, 벨류 값의 묶음
- 활용법 - 리스트로 데이터를 나열 후 딕셔너리로 고객 별로 정보를 묶어서 보기에 깔끔하게 다루기 쉽게 만들수 있다.
- 함수 - function 함수이름 { 명령 }
- 조건문 - if, else, else if, ==, !=, &&, ||, ><, >=, <=
- 반복문 - 기본형태 > for (시작조건, 반복조건. 다히기) { 매번실행 }
for (1. 시작조건; 2. 반복조건; 3. 더하기) {
4. 매번실행
}
1 -> 2체크하고 -> (괜찮으면) -> 4 -> 3
-> 2체크하고 -> (괜찮으면) -> 4 -> 3
-> 2체크하고 -> (괜찮으면) -> 4 -> 3
-> 2체크하고 -> (괜찮으면) -> 4 -> 3 와 같은 순서로 실행됩니다.
i가 증가하다가 반복조건에 맞지 않으면, 반복을 종료하고 빠져나옵니다.