Frontend 개발자 - hyo.loui

❤️‍🔥TIL : Today I Learned Expires, Max-Age 본 포스팅에서는 프론트엔드 개발자가 알아야 할 가장 중요하다고 생각하는 두 가지 옵션만 설명합니다. 쿠키 생선 옵션 쿠키는 생성할 때 몇가지 옵션을 줄 수 있다. + HTTP 헤더에 들어간 쿠키 옵션 예제 Set-Cookie: =; Expires= Set-Cookie: =; Max-Age= Set-Cookie 헤더의 쿠키값 설정 뒤에 ; 옵션1=xx; 옵션2=yy 형태로 적용이 가능하다. Expires=(Optional) 쿠키가 언제까지 유효한지 명시한다. HTTP-date timestamp 형식에 맞추어야 한다. 자바스크립트 Date 객체에서 toUTCString() 메서드를 쓴 결과를 이용하면 쉽다. new Date().to..

❤️‍🔥TIL : Today I Learned 브라우저 저장소 local storage, session storage, cookie 브라우저 저장소에 대해서 차이점을 설명합니다. 브라우저 저장소란? - 특정 데이터를 서버가 아니라 클라이언트 웹브라우저에 저장할 수 있도록 제공하는 기능이다. - 우리가 이용할 수 있는 공간은 크게 Web Storage와 cookie로 분류할 수 있다. + 사이트의 도메인 단위로 접근이 제한된다. 예를 들면, A도메인에서 저장한 데이터는 B도메인에서 조회할 수 없다. 이는 데이터의 보안 측면에서 당연하다. Web Storage - HTML5 부터 제공하는 기능으로, 키/값 쌍으로 데이터를 저장하며 키를 기반으로 데이터를 조회한다. - 데이터의 목적에 따라 영구저장소(Loca..

HTTP에 대해 설명하고, 알고있다면 HTTP 메세지 구조에 대해 더 자세히 설명해주세요 ❤️‍🔥TIL : Today I Learned HTTP & HTTP messeage HTTP에 대해 설명하고, HTTP 메세지 구조에 대해 설명합니다. HTTP란? - HTTP는 HyperText Transfer Protocol의 약자로 HTML 문서와 같은 리소스들을 가져올 수 있도록 해주는 프로토콜입니다. - 브라우저인 클라이언트에 의해 전송되는 메시지를 요청(requests)이라고 부르며, 그에 대해 서버에서 응답으로 전송되는 메시지를 응답(responses)이라고 부릅니다. 특징: 비연결성, 무상태성 비연결성: 리소스 응답이 정상적으로 받아지면 연결을 끊음 → 리소스 요청 때마다 연결해야하는 오버헤드 비용 ..

❤️‍🔥TIL : Today I Learned Cache 캐싱은 자주 사용하는 데이터를 메모리나 디스크에 저장해 성능을 향상 시키기 위해 소프트웨어 개발에 사용되는 기술입니다. 캐시(cache) 의 장점 - 더 빠른 성능 : 캐싱은 데이터를 가져오고 처리하는 데 필요한 시간을 줄여 성능을 크게 향상 시킬 수 있습니다. - 서버 부하 감소 : 데이터를 캐싱함으로써 서버는 더 적은 수의 요청을 처리할 수 있으므로 서버의 부하를 줄이고 잠재적으로 비용을 낮출 수 있습니다. - 확장성 증대 : 캐싱은 서버의 부하가 줄어들고 성능이 향상되어 애플리캐이션을 개발하는데 있어 더욱 범위를 확장해 개발 할 수 있겠습니다. 캐시(cache) 의 단점 - 캐시 무효화 : 캐싱의 가장 큰 문제중 하나는 캐시를 무효화하고 새 ..

❤️‍🔥TIL : Today I Learned 프레임워크와 라이브러리 프레임워크란 무엇이고 라이브러리란 무엇일까 둘의 차이가 뭘까 프레임워크란? 소프트웨어 특정 문제를 해결하기 위해 상호 협력하는 클래스와 인터페이스의 집합 - 프레임워크는 뼈대나 기반구조를 뜻하는데, application 개발 시 필수적인 코드, 알고리즘, 데이터베이스 연동 등과 같은 기능들을 위해 어느정도 뼈대(구조)를 제공합니다. 그래서 뼈대 위에 우리가 코드를 작성해 application을 완성 시켜야 합니다. 라이브러리란? 단순 활용이 가능한 도구들의 집합 - 라이브러리는 특정 기능에 대한 도구나 함수들을 모은 집합입니다. 또 우리가 개발하는데 필요한 것들을 모아둔 것 입니다. 개발자라면 누구나 한번쯤은 써봤을 것이고, 자기도 모..

❤️‍🔥TIL : Today I Learned parameter와 argument의 차이 Parameter : 매개변수, Argument : 인자, 둘 다 변수의 한 종류이다. Parameter (매개 변수)란? - 함수 선언의 일부로 나열되는 변수이며, 호출될 때 함수에 전달 될 것으로 예상되는 값을 나타낸다. Argument (인수)란? - 호출될 때 함수에 전달되는 실제 값 이다. 예시 function plus(x, y)에서 x와 y는 매개변수 이다. plus(2, 3)으로 호출되면 2와 3은 함수에 전달되는 인수이다. - 함수가 선언될 때 괄호 안에 하나 이상의 매개변수를 포함 할 수 있다. -매개변수는 호출 시 함수에 전달되는 값에 대한 자리 표시자 역할을 한다 최종 정리 Prameter는 함..

🎯목적 :Restful API에 대해 기록하며, GET,POST 외에 알고있는 메소드와 그 기준을 설명하고Restful API 가 아닌 것들은 어떤게 있는지 기록합니다. Restful API란? - Restful API는 표준 HTTP 메서드 집합을 사용하여 리소스에 대한 작업을 수행하는 웹 서비스를 설계하기 위한 아키텍처 스타일입니다. - Restful API에서 각 리소스는 고유한 URI로 식별됩니다. 클라이언트(예: 웹 브라우저 또는 모바일 앱)는 표준 HTTP 메서드를 사용하여 이러한 리소스와 상호 작용할 수 있습니다. + 예를 들어, 클라이언트는 요청 본문에 사용자 데이터를 포함하는 JSON 객체와 함께 URI: https://example.com/users로 요청을 전송하여 서버에 POST 요..

🎯목적 : 웹페이지가 브라우저에 랜더링되는 과정을 기록합니다. 클라이언트에서 불러오고 싶은 파일을 서버에 요청한다 주소창에 직접 입력하거나, 클릭을 통해 해당 웹 페이지에 접근한다 클라이언트에서 요청한 URI를 DNS를 통해 IP 주소로 변환하고, 해당 IP를 가진 서버에 GET 요청을 보내게 된다 서버에서 응답으로 받은 HTML 데이터를 파싱한다 (바이트 > 문자 > 토큰 > 노드 > DOM) 서버에 존재하던 HTML 파일이 브라우저의 요청에 의해 응답된다 이때 서버는 브라우저가 요청한 HTML 파일을 읽어 들여 메모리에 저장한 다음 메모리에 저장된 바이트(2진수)를 인터넷을 경유하여 응답한다 브라우저는 서버가 응답한 HTML 문서를 바이트(2진수) 형태로 응답받는다 따라서 응답된 바이트 형태의 HTM..