[국민취업지원제도 일경험프로그램 4일차] jQuery와 HTTP

4 일차 특이사항 

1. 아침 출근 길에 IT관련 영상 시청. C언어는 47년 전에 개발됐다. 나사가 달탐사선 프로그래밍 할 때 사용했다. 하드웨어와 밀접하게 관련된 프로그래밍언어다. C언어를 이해하면 다른 언어들을 이해하기 쉽다고 한다. 객체지향적인 언어가 아니라 절차지향적인 언어라고 한다. 컴퓨터 분해 조립, unmanaged language를 배워야 한다는데... 컴퓨터에 대한 기초 지식과 원리를 알면 프로그래밍언어 학습이 쉬워진다는 것이다. 하긴 6개월 속성으로 언어 입력만 해봤으니 기초 지식과 원리를 잘 모른다. 

 

2. 웹의 동작원리가 궁금하다. Spring 강의를 듣는데 이해가 되지 않는 부분이 많다. 

 

jQuery에 대한 궁금증

1.  제이쿼리는 HTML 문서의 요소를 선택하고 조작하는 것을 도와줌. 

 

2. 기본 구문 

 

● 선택자 (Selectors)
제이쿼리의 기본 구문은 선택자와 이벤트 핸들러의 결합이다. $() 문법은 선택자를 정의하는데 사용된다. 이 선택자는 HTML 요소를 찾기 위한 규칙이다. 예를 들면 $("#idChk")은 id가 "idChk"인 요소를 선택하라는 것을 의미한다. 여기서 "#"은 "id"를 의미하는 선택자이고, "."은 "클래스"를 의미하는 선택자다.

● 이벤트 핸들러 (Event Handlers)
.click()은 클릭 이벤트에 대한 이벤트 핸들러다. 이벤트 핸들러는 특정 동작(이벤트)이 발생했을 때 수행될 함수를 지정한다. 위의 예제에서는 $("#idChk")로 선택된 요소가 클릭되면 function() 내부의 코드가 실행된다.

● ready 이벤트
$(document).ready(function(){...}) 또는 줄여서 $(function(){...})는 페이지가 로드되면 실행되는 이벤트다. 즉, HTML 문서가 완전히 로드되었을 때 내부 코드를 실행할 수 있도록 해준다. 이렇게 함으로써 스크립트가 페이지 요소를 조작하기 전에 DOM(Document Object Model)이 완전히 구성되었는지 확인할 수 있다.

HTTP란 무엇인가?

출처 : 생활코딩 HTTP 강의

1. Client와 Server. 요청과 응답. 무엇을 요청하나? data 

2. HTTP는 추상적인 개념임. 

3. Client의 요청 내용. GET방식, localhost8080 중요한 정보임. 

요청 헤더

4. 응답 내용에는 HTTP/1.1 200, Content-Type: text/html, Content-Length: 984 등이 있다. 통신이 잘 되는지, 어떤 타입으로 파일을 보여주는지, 길이는 얼마인지 알려주는 것이다. 

응답 헤더

5. 웹서버는 가지고 있는 정보를 사용자에게 보내주는 프로그램이다. 대신 물어봐주는 역할임. 웹 브라우저는 응답받은 정보를 화면에 그려주는 프로그램이다.  

 

6. 정리하면 

웹 브라우저 : (Request) Headers라는 텍스트 정보를 만들어서 사용자가 요청한 정보를 웹 서버에게 대신 물어봐주는 역할

웹 서버 : 본인이 갖고 있는 정보를 보내주면서 Response Headers라는 응답 헤더를 만들어주는 역할

 

응답헤더 - 웹 서버 (Server) - back

요청헤더 - 웹 브라우저 (Client) - front 

 

느낀 점

내가 하는 일에 대해 궁금증이 많이 생겼다. 어떻게 하면 이해할 수 있을까? 어떻게 하면 내가 직접 설계할 수 있을까? 하나 하나 차근차근 쌓아가보자. HTTP와 관련해서 HTTPS, cookie, Cache, cache-control, pragma, web strage, proxy 등 공부할 것이 많다.