1. 등장 배경
2. 콘솔
3. Script 태그
4. 이벤트
5. 자료형
6. 연산자
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) 서버 측
'프론트엔드 > 생활코딩' 카테고리의 다른 글
[생활코딩] JavaScript 2. 콘솔 (0) | 2023.11.10 |
---|---|
[생활코딩] JavaScript 1. 등장 배경 (0) | 2023.11.10 |
[생활코딩] HTML 1. Visual Studio Code 사용법 (0) | 2023.11.07 |
[생활코딩] CSS 8. Can I Use (웹 기술 통계 확인) (0) | 2023.11.05 |
[생활코딩] CSS 5. 개발자 도구 (0) | 2023.11.05 |