1일차
수업의 목적
HTML과 JavaScript의 만남 1 (script 태그)
HTML과 JavaScript의 만남 2 (이벤트)
HTML과 JavaScript의 만남 3 (콘솔)
데이터타입 - 문자열과 숫자
변수와 대입 연산자
웹브라우저 제어
CSS 기초
제어할 태그 선택하기
프로그램, 프로그래밍, 프로그래머
조건문 예고
비교 연산자와 Boolean 데이터 타입
조건문
조건문의 활용
리팩토링(refactoring)
반복문 예고
배열
반복문
배열과 반복문
배열과 반복문의 활용
함수예고
함수
함수의 활용
객체예고
객체
객체 활용
파일로 쪼개서 정리 정돈하기
라이브러리와 프래임워크
UI vs API
수업을 마치며
#5. HTML과 JavaScript의 만남 3 (콘솔)
▲ 콘솔 창
Console F12 + ESC
파일을 만들지 않더라도, 자바스크립트(Javascript)를 즉석에서 만들어서 실행가능 하다.
일종의 계산기라고 생각하면 편하다
▲ 글자수 세기
① 숫자를 세고 싶은 글을 복사+붙여넣기
② 붙여넣기한 글 앞뒤로 작은따옴표 붙이기 (ex. '세고 싶은 글자'
④ 작은 따옴표 뒤에 .length 붙이기
⑤ 경고창 이벤트 입력 alert()
⑥ 엔터 ENTER ⇒ 결과값 산출
글자수 계산부터 간단한 당첨자 추천까지, 다양한 방식으로 '콘솔창'을 열어 활용할 수 있다.
'Develop > WEB2 - JavaScript' 카테고리의 다른 글
[1일차] #7. 변수와 대입 연산자 (0) | 2018.11.29 |
---|---|
[1일차] #6. 데이터타입 - 문자열과 숫자 "1"+"1"="11" (0) | 2018.11.29 |
[1일차] #4. HTML과 JavaScript의 만남 2 (이벤트) (0) | 2018.11.29 |
[1일차] #3. HTML과 JavaScript의 만남 1 (Script 태그) (0) | 2018.11.29 |
[1일차] #2. 수업의 목적 - 상호작용할 수 있는 웹페이지 만들기 (0) | 2018.11.29 |