본문 바로가기

분류 전체보기126

인터넷 네트워크 모든 것(html, 이미지, 영상, 파일, 앱과 서버와 통신, 서버와 서버 간 통신)이 HTTP 기반 위에서 동작 개발자는 평생 HTTP 기반 위에서 개발 인터넷 통신 인터넷에서 컴퓨터들 간의 통신 방법 : 인터넷 망(수많은 중간 노드를 거쳐서 이동)을 통해 클라이언트에서 서버로 전송 IP(인터넷 프로토콜) 1. IP 역할 지정한 IP주소(IP Address)에 데이터 전달 패킷(Packet)이라는 통신 단위로 데이터 전달 2. IP 패킷 정보 IP패킷: 출발지 IP, 목적지 IP, 기타... + 전송 데이터 3. IP프로토콜의 한계 비연결성: 패킷을 받을 대상이 없거나 서비스 불능 상태여도 패킷 전송 → 대상 서버가 패킷을 받을 수 있는 상태인지 모름 비신뢰성: 중간에 패킷이 실종 → 중간에 노드가 꺼.. 2022. 11. 29.

스택과 큐 스택 스택(stack)은 삽입과 삭제 연산이 후입선출(LIFO)로 이뤄지는 자료구조 → 후입선출은 삽입과 삭제가 한쪽에서만 일어남 새 값이 스택에 들어가면 top이 새 값을 가리킨다. 스택에서 값을 빼낼 때 pop는 top이 가리키는 값을 스택에서 빼게 되어 결과적으로 가장 마지막에 넣었던 값이 나온다. [파이썬의 스택] 위치 top: 삽입과 삭제가 일어나는 위치 연산(리스트 이름이 s일 때) s.append(data): top 위치에 새로운 데이터를 삽입하는 연산 s.pop(): top 위치에 현재 있는 데이터를 삭제하고 확인하는 연산 s[-1]: top 위치에 현재 있는 데이터를 단순 확인하는 연산 큐 큐(queue)는 삽입과 삭제 연산이 선입선출(FIFO)로 이뤄지는 자료구조 → 먼저 들어온 데이터.. 2022. 11. 27.

Immer 리액트에서 배열이나 객체를 업데이트 해야 할 때에는 불변성을 지켜야 함 immer 라이브러리 사용하면 깔끔하게 코드 작성 가능 immer는 우리가 상태를 업데이트 할 때, 불변성을 신경쓰지 않으면서 업데이트를 해주면 Immer가 불변성 관리 대신 해줌 Immer 사용법 Immer 설치 $ yarn add immer 코드 상단에 Immer 불러옴 → 보통 produce이름으로 불러옴 import produce form ‘immer’; produce 함수 사용 첫 번째 파라미터: 수정하고 싶은 상태 두 번째 파라미터: 어떻게 업데이트하고 싶을지 정의하는 함수(불변성 신경쓰지 않고 그냥 업데이트하면 알아서 해줌) const state={ number:1, dontChangeMe: 2 }; const nextS.. 2022. 11. 24.

Context API https://ko.reactjs.org/docs/context.html Context – React A JavaScript library for building user interfaces ko.reactjs.org Context: 단계마다 일일이 props를 넘겨주지 않고도 컴포넌트 트리 전체에 데이터 제공 💡 React 애플리케이션에서 props 전달 방식: 위에서 아래로(부모에서 자식으로) → 애플리케이션 안의 여러 컴포넌트들에 전달해줘야 하는 props의 경우 해당 과정 번거로움 ⭐️ context 이용하여 트리 단계마다 명시적으로 props를 넘겨주지 않아도 많은 컴포넌트가 해당 값 공유 가능 ❗️특정 함수를 특정 컴포넌트를 거쳐서 원하는 컴포넌트에게 전달하는 작업이 3~4개 이상의 컴포넌트를.. 2022. 11. 24.

이전 1 ··· 25 26 27 28 29 30 31 32 다음

티스토리툴바