개발공부 임고미

개념정리 리액트란? 프론트앤드 라이브러리 사용하는 이유? 요즘의 웹은 단순히 웹 페이지 가 아니라, 웹 애플리케이션으로 브라우저 상으로도 정말 자연스러운 흐름으로 매우 많은것들을 할 수가 있다. 어떠한 유저인터페이스를 동적으로 나타내기위해서는 정말 수많은 상태를 관리해줘야한다. 웹 개발을 하게 될 때, 귀찮은 DOM 관리와 상태값 업데이트 관리를 최소화하고, 오직 기능 개발, 그리고 사용자 인터페이스를 구현하는 것에 집중 할 수 있도록 하기위해서 정말 여러 라이브러리들 혹은 프레임워크들이 만들어졌다. ( 대표적으로 Angular, Ember, Backbone, Vue, React ) - 상태 관리하기가 매우 편함 버츄어 돔이란? DOM의 상태를 메모리에 저장하고 변경 전과 변경 후의 상태를 비교한 뒤 최..

document.cookie 를 이용해서 쿠키를 받아와도 되지만, 간단히 라리브러리를 통해 통제가능 1. 라이브러리 로드 : universal-cookie 2. src/utils.ts안에 import Cookies, { CookieSetOptions, CookieGetOptions } from 'universal-cookie'; export function getCookies(name: string, options?: CookieGetOptions) { const cookies = new Cookies(); return cookies.get(name, options); } 3. 사용하고자 하는 component 로 가서, import { getCookies } from 'lib/utils'; import..

History HTTP (Hypertext Transfer Protocol)는 클라이언트와 서버 간의 통신을 가능하게하도록 설계되었습니다. HTTP는 클라이언트와 서버 간의 요청-응답 프로토콜로 작동합니다. 웹 브라우저는 클라이언트 일 수 있으며 웹 사이트를 호스팅하는 컴퓨터의 응용 프로그램은 서버 일 수 있습니다. 예 : 클라이언트 (브라우저)가 서버에 HTTP 요청을 제출합니다. 그런 다음 서버는 클라이언트에 응답을 반환합니다. 응답에는 요청에 대한 상태 정보가 포함되어 있으며 요청 된 컨텐츠가 포함되어있을 수도 있습니다. 웹환경에서 client와 server를 구분하는것은 매우 중요합니다. 1. Client와 Server (1) client란 ? 스스로 로직을 가지고 있는게 아니라 서버에서 데이터를..