본문 바로가기
프론트엔드/생활코딩

[생활코딩] JavaScript 목차

by cejin 2023. 11. 10.

* JavaScript 목차

1. 등장 배경

2. 콘솔

3. Script 태그

4. 이벤트

5. 자료형

6. 연산자

7. 문장 (Statement)

8. 함수

9. 객체

10. 파일로 쪼개기

11. 라이브러리와 API

12. 웹사이트 만들기 (버튼 추가)

 


생활코딩에서 배운 JavaScript 내용을 정리했습니다.
JavaScript를 이용해서 웹 페이지가 사용자와 상호작용하게 만드는 방법을 배웁니다.
웹 프로그래밍을 하기 위한 필수 언어라고 합니다.
목표는 2가지입니다.
 
1. 기존에 만든 웹페이지에 주간/야간 모드 기능을 추가하기
2. 각종 JavaScript 문법 익히기
 
 
 

* 검색어 가이드
1. document

- 웹 페이지에 있는 태그 삭제
- 자식 태그 추가
 

2. DOM (Document Object Model)

: 웹 페이지를 프로그래밍적으로 제어 가능
(요즘은 jQuery 같은 라이브러리를 사용)
- document 객체는 DOM의 일부
- document에 없다면 이걸 검색
 

3. window 객체

- 웹 브라우저 자체를 제어
- 현재 열려있는 웹페이지 주소
- 새 창 열기
- 웹 브라우저 화면 크기
 

4. ajax

- 웹페이지를 리로드 하지 않고 정보 변경
- 현재적인 웹앱을 만드는 데 필수적인 테크닉
 

5. cookie

- 웹페이지가 리로드에도 현재 상태 유지
- 사용자를 위한 개인화된 서비스 제공
 

6. offline web application

- 인터넷이 끊겨도 동작하는 웹 페이지
 

7. webRTC

- 화상 통신 웹 앱
 

8. speech

- 사용자 음성 인식
- 음성으로 정보 전달
 

9. webGL

- 3차원 그래픽으로 게임 같은 것 만들 때
 

10. webVR

- 가상현실
 
 

* 초심자라면?

- 기본 수업 후 호스트 환경 강의 추천
1) 웹 브라우저 제어 방법
2) node.js
3) 구글 apps script
 
 

* 효용
1. 웹 페이지 스크립팅

- DOM
 

2. 서버 측 스크립팅

- node.js
 

3. 브라우저 확장기능

 

4. Adobe PDF

 

5. Tools in the Adobe Creative Suite

- 포토샵, 일러스트, 드림위버, 인디자인
 

6. OpenOffice.org

 

7. Unity 게임 엔진

 

8. 구글 Apps Script

- 스프레드시트, 사이트
 
9. 채팅 시스템
- ChatZilla, XChat

 
10. MongoDB

- 친 자바스크립트 데이터베이스
1) 웹페이지 스크립팅 : DOM
2) 서버 측