0712 | 자바스크립트 시작 / 웹 기초

 

0427 | JavaScript (1) // JS개념, 데이터형식, Array생성과 사용, Object객체

▲ 4월에 공부했던 내용...인데 또 새롭네

 

 

 

✅ 자바스크립트 intro

브라우저가 제시하는 기능만 쓸 수 있는 스크립트 언어. 에서 시작됨

 

👉 자바스크립트 6.0 은 어플리케이션 개발용으로 많이 개선되어 5.0과 차이가 있다.

 

6.0이 5.0을 많이 포함하는 형태로 발전함

폼객체를 자바스크립트를 통해 유효성 검사 ▶ 다른 태그들을 모두 객체로 올리기 시작

 

👉 기존 웹은 검증없이 서버에 모두 값을 넘겨서 서버에 과부하가 생긴다 (* 이런 방식이 디도스 공격!)

👉 자바스크립트를 활용해서 폼객체를 검증한 후, 값이 있는 내용만 서버에 전달하는 형태로 발전함 ▶ 폼객체 뿐만 아니라 다른 태그들도 객체화 되기 시작함

 

원하는 객체를 가지고 가공하여 원하는 화면을 만들 수 있게 됨

 

👉 클라이언트의 capacity가 확장되면서 fat client, interactive client, rich client 등의 용어가 생성됨

👉 문서객체가 하기 힘든 부분들은 activeX로 기능을 보완해서 사용 ▶ 브라우저의 플랫폼 화. 외부 active X 대신에 브라우저에 객체 기능을 발전시키는 형태로 변화하게 되었다

 

 

자바스크립트 학습내용

 

로컬로 실행 - 계정의 권한을 그대로 물려받아서 여는 것과 같음  = 보안에 취약함

 

👉 웹서버에서 원격으로 해당 (로컬)파일을 받아 실행하게 되면, 브라우저 기능 외에는 기능을 잠궈준다 (샌드박스)

 

 

---

 

✅ 인터넷과 웹

• internet = inter + network 기술 중 하나. 서로를 연결해주는 인프라. 한쪽은 제공자(서버), 한쪽은 요청자(클라이언트)로써 동작한다.
• web = 인터넷을 기반으로 동작되는 공간

 

✅ 웹서버와 웹문서

#️⃣ web과 http

• web: 문서를 전달하는 시스템.
  서버는 해당 데이터를 찾아 반환하므로 눈에 보이지 않는 형태로 운영됨 (데몬 프로그램, 고스트 프로그램이라고도 불림) ▶  현재는 '서비스'나 '서비스 프로그램'으로 이야기한다

 

• http: 문서 전달시 기반이 되는 프로토콜 (Hypertext Transfer Protocol).
  웹에서 데이터를 전송하기 위해 사용되며 클라이언트와 서버 간에 요청(request)과 응답(response)을 주고받는 방식(get/post)으로 동작한다

 

---

 

 

✅ 자바스크립트 학습 순서

 

값	데이터
연산자	연산자
흐름제어	제어구조
배열	콜렉션
모듈화 (함수, 캡슐)	함수
비동기처리	객체지향
api	플랫폼기능

 

 

🏷️ 1주차

✔ 네트워크란? 사용자가 데이터를 주고받을 수 있도록 연결하는 구조

✔ 인터넷이란? inter+network 내부적으로 이어주는 하나의 망이자 인프라

✔ 웹이란? 인터넷을 기반으로 웹문서가 구동되는 장소

✔ 웹 서버란? 클라이언트로부터 http를 통해 요청받은 데이터를 찾아 웹을 통해 제공해주는 역할