Today I Learned/WEB9 [WEB] HTTP와 HTTPS HTTP의 개념HTTP (Hypertext Transfer Protocol)는 웹에서 클라이언트와 서버 간에 데이터를 주고받기 위한 프로토콜이다. HTTP는 클라이언트가 요청(request)을 보내면 서버는 이에 대한 응답(response)을 반환하는 방식으로 동작한다. HTTP의 특징 1. 비상태성 : HTTP는 각 요청이 독립적이며, 이전 요청과 다음 요청 간의 연관성을 유지하지 않는다. 서버는 클라이언트의 상태 정보를 저장하지 않는 점을 보완하기 위해 쿠키나 세션을 사용하여 상태를 관리한다. 2. 비연결성 : 클라이언트가 요청을 보내고 서버가 응답을 반환하면 연결이 종료된다. HTTP의 단점HTTP는 안전하지 않다는 단점을 가진다. HTTP로 주고받는 모든 데이터는 암호화되지 않은 텍스트로 전송된다.. 2024. 8. 29. [WEB] DOM 오늘은 웹 개발에서 핵심적인 개념인 DOM(Document Object Model)에 대해 공부했다. DOM은 웹 페이지를 동적으로 조작하고 관리하는 데 필수적인 개념으로, 이를 깊이 이해하는 것이 웹 개발에 있어 매우 중요하다는 것을 느꼈다. DOM의 개념과 역할DOM은 웹 페이지의 HTML 또는 XML 문서를 트리 구조로 표현한 모델이다. 이 트리 구조에서는 문서의 각 요소가 노드로 표현되며, 자바스크립트 같은 프로그래밍 언어를 통해 이 노드들을 쉽게 조작할 수 있다. DOM은 웹 페이지의 구조와 내용을 동적으로 변경하거나, 페이지 내의 요소들에 접근하고 조작할 수 있는 인터페이스를 제공한다. DOM의 트리 구조DOM은 문서 전체를 루트 노드인 document로 하는 트리 구조로 표현된다. 이 트리에.. 2024. 8. 24. [WEB] Web - 에이블런 프론트엔드부트캠프 29일차 1. Internet전세계의 수 많은 컴퓨터 장치들이 서로 간의 통신을 목적으로 연결된 글로벌 네트워크 시스템2. Web서로 쉽게 정보를 공유할 수 있도록 만들어진 일종의 정보 공유 체계HTTP라는 프로토콜에 따라 인터넷을 통해 서로 문서나 리소스들을 주고 받을 수 있도록 함.World Wide Web, WWW3. HTTP ( HyperText Transfer Protocol )프로토콜 : 일종의 통신규약, 서로 문제 없이 소통하기 위해 꼭 지켜야 할 약속웹(WWW)에서 정보를 주고 받을 때 사용하는 프로토콜HyperText Transfer Protocol클라이언트와 서버 사이에 이루어지는 요청과 응답에 대한 프로토콜4. Web Browser사용자가 웹을 통해 서버에 요청할 수 있도록 도와 주고, 서버로.. 2024. 8. 23. [취업교육] STAR 기법 - 에이블런 프론트엔드부트캠프 28일차 STAR 기법이란?STAR 기법은 면접에서 구체적인 경험과 성과를 효과적으로 전달하기 위해 사용되는 구조화된 접근 방식입니다. STAR은 다음의 네 가지 요소로 구성된다. 1. Situation (상황): 문제나 도전 과제를 설명한다. 2. Task (과제): 상황 속에서 자신이 맡았던 역할이나 책임을 설명한다. 3. Action (행동): 그 상황에서 어떻게 대응했는지, 어떤 조치를 취했는지 설명한다. 4. Result (결과): 자신이 취한 행동의 결과와 성과를 설명한다. 이 구조를 사용하면 면접관이 여러분의 경험을 명확히 이해할 수 있으며, 여러분의 문제 해결 능력과 결과를 구체적으로 보여줄 수 있다. STAR 기법 활용 방법1. 상황 (Situation) 먼저, 상황을 간단명료하게 설명해야 한다... 2024. 8. 22. [취업교육] 1분 자기소개 구조 - 에이블런 프론트엔드부트캠프 27일차 1. 특색 있는 경험으로 어필- ~한 경험의 지원자 OOO입니다. (기관 요구 역량)- 구체적인 경험 1~2개- 위 경험은 저를 ~ 만들어 주었습니다 / 배웠습니다.- 포부에 대한 요약2. (경험 없는 경우) 유사 경험을 어필- 저는 OO 직무와 비슷한~를 해 보았습니다.- 유사 경험 1~2개- 유사 경험을 경험해서~한 일을 할 줄 안다.- 포부 요약 : “~를 배웠다, ~를 깨달았다”로 접근3. 평소 가치관 어필- 저는 ~ 한 가치관을 가지고 있는 사람입니다 / 가졌습니다.- ~ 한 가치관을 통해 ~ 역량을 키웠습니다.- 관련 경험 1~2개- 포부 요약4. 인간 기본 역량 어필- (기업 인재상 등 참고) 저는 ~ 한 사람입니다.- 이러한 저의 ~ 는 ~ 한 업무에 기여할 수 있습니다.- 성공 경험 1~.. 2024. 8. 22. [WEB] 비동기 개념 - 에이블런 프론트엔드부트캠프 19일차 JS는 기본적으로 싱글 스레드 기반 언어이기 때문에 호출 가능 스택이 하나뿐이다. 따라서 한 번에 하나의 작업만 수행할 수 있다. 문제점싱글 스레드 기반 언어이기 때문에 다른 작업을 수행하기 위해선 현재 수행 중인 작업이 끝날 때 까지 기다려야 한다는 문제점이 있다. 또한, 많은 시간이 걸리는 작업을 수행하게 되면 프로그램이 과도하게 느려질 우려가 존재한다. 해결방안JS 엔진은 싱글 스레드로 동작하여 문제점이 발생하나, 브라우저는 WebAPI, Callback Queue, Event Loop 등에 의해 멀티 스레드로 동작한다. 따라서 이를 활용해 비동기적으로 작업을 수행하게 하여 문제점을 해결할 수 있다. 동기 / 비동기란 ?동기 : 어떤 작업을 실행할 때 그 작업이 끝나기를 기다리는 방식비동기 : 어.. 2024. 8. 8. 이전 1 2 다음