본문 바로가기

전체 글

(203)
HTTP란? (구성, 요청/응답메시지, 메소드 + CORS&OPTIONS) HTTP : Hyper Text Transfer Protocol 인터넷에서 데이터를 주고받을 수 있는 프로토콜(규칙) 구성 시작줄 헤더 본문 요청 http 메시지 예시 GET https://www.hello.com HTTP/1.1 User-Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) ... Upgrade-Insecure-Requests: 1 (본문 없음) 첫줄 : 시작줄 : 메서드 + 주소 + HTTP 버전 두번쨰줄부터 : 헤더 한줄띄고 본문시작 응답 http 메시지 예시 HTTP/1.1 200 OK Connection: keep-alive Content-Encoding: gzip Content-Length: 35653 Content-Type: text/html..
쓰로틀링(throttling) 과 디바운싱(debouncing) 쓰로틀링, 디바운스 : 프로그래밍 기법 쓰로틀링 : 마지막 함수가 호출된 후 일정 시간이 지나기 전에 다시 호출 되지 않도록 하는것 ex) 게시글 ADD 함수, 2초 이내에 또 작성될 일은 없으니 게시글 추가 함수를 쓰로틀링 2초 처리해야지 디바운싱 : 연이어 호출되는 함수들 중 마지막함수 (또는 제일 처음 함수)만 호출하도록 하는 것 ex) 마우스 구린거 써서 딸까까까까깍따라라락깍 되는것들 한번으로 처리해줄게
리덕스 & mobX & ContextAPI 상태관리 툴 리덕스 mobX 컨텍스트API 왜 필요하냐? 로그인한 사람 정보, 전역변수들 등 과 같이 사이트에 전반적으로 필요한 정보들을 중앙 레파지토를 두고 필요할 때마다 편하게 꺼내쓰는 용도, 중앙 저장소가 없다면, 부모 컴포넌트에서 자식 컴포넌트로 데이터를 연결 연결 연결 해서 전달할 수 밖에 없다. 매우 불편 장단점 리덕스 : 에러추적에 용이, 코드량이 많다, 중앙저장소도 논리적으로 구분도 가능 mobX : 에러 추적이 어려움, 코드량이 적다 컨텍스트API : 가벼운 작은 프로젝트 어떤걸 쓸래? 비동기를 지원하기 쉽냐? 어렵냐? 컨테스트API는 비동기 요청의 요청, 성공, 실패를 다 구현해야함. 컴포넌트 안에 데이터를 요청하는 코드를 작성함 컴포넌트는 렌더링만 집중 화면을 데이터를 가져오는 것과 ..