React 목차 context Api란 Api 주의할 점 1. context Api란 :Context API는 리액트에 내장된 기능으로 Props를 사용하지 않아도 특정 값이 필요한 컴포넌트끼리 쉽게 값을 공유할 수 있게 해줌 프로젝트에서 전역 상태 관리를 할 때 주로 사용 새로운 cont...
React | 리액트의 이벤트
React 목차 HTML에서의 이벤트 처리 React에서의 이벤트 처리 HTML과 React에서의 이벤트 처리의 차이점 1. HTML에서의 이벤트 처리 HTML DOM element addEventListener함수 이용(가장 권장) 기존 이벤트를 유지하고, 이벤트를 추가하는 ...
React | key props를 사용하는 이유
React 목차 key props를 사용하는 이유 key props를 사용하는 이유 React에서의 key : element list를 만들 때 포함해야 하는 문자열 속성으로, 어떤 항목을 변경, 추가 또는 삭제할지 식별하는 것을 도움 → 대부분 데이터의 ID를 key로 사용(list에서 해당 항목을 고유하게 식별할 수 있는 ...
React | Ref (+useRef)
React 목차 Ref useRef 1. Ref(reference) :render 메서드에서 생성된 DOM 노드나 React 엘리먼트에 접근하는 방법을 제공함(특정 컴퍼넌트를 접근하는 데에 사용하는 props) ref 사용하는 경우 자식 컴퍼넌트를 직접 접근하여 수정할 때 : 함수...
React | code splitting (+lazy loading)
React 목차 code splitting 이란? lazy loading 1. code splitting 이란? bundling 번들(to 프론트엔드 개발자) : 사용자에게 웹 앱을 제공하기 위한 파일 묶음 번들링(bundling) : 모듈화 했던 자바스크립트 ...
Study | 자료구조 이진 탐색
자료구조 이진 탐색 목차 이진탐색이란? 이진탐색의 시간복잡도 1. 이진탐색이란? 정렬된 배열에서 특정 값을 찾는 탐색 알고리즘 열의 중간을 기준으로 데이터를 탐색하기 때문에 반드시 데이터가 정렬된 상태로 존재해야 함 이진 탐색 과정 : 중간값과 찾으려는 값의 대소를 비교한...
Study | 자료구조 배열과 링크드리스트
자료구조 배열과 링크드리스트 목차 배열 링크드리스트 배열과 링크드리스트의 차이점 1. 배열(Array) 정적 자료구조 입력된 데이터들이 메모리 공간에서 연속적으로 저장되어 있는 자료구조 배열의 크기는 처음 생성할 때 정하며 이후에는 변경할 수 없음 → 해당 배열 크기 이상의 데이터를 저장할...
Study | 자료구조 복잡도
자료구조 복잡도 목차 복잡도 시간복잡도 공간복잡도 시간복잡도가 낮지만 메모리 사용량이 높은 경우 대처법 시간복잡도를 낮춰본 사례 1. 복잡도(Complexity) : 알고리즘의 성능을 나타내는 지표(= 가독성) 불특정한 함수의 성능적인 측면에서의 복잡도를 의미함 동일한 기능을 ...
Study | CS 웹 프로토콜
CS 웹 프로토콜 목차 웹과 HTTP 웹의 동작 원리 TCP/IP HTTP Method 1. 웹과 HTTP HTTP 프로토콜 : 웹에서 브라우저와 서버간에 데이터를 주고 받기 위한 방식 2. 웹의 동작 원리 1), 2) 사용자가 브라우저에 웹 페이지의 URL을 입력 3), 4) URL 주...
Study | CS base64 인코딩
CS base64 인코딩 목차 base64 인코딩 변환과정 사용이유 1. base64 인코딩 Binary Data(이진 데이터)를 ASCII 문자로만 이루어진 Text로 변환시키는 인코딩 바이너리 데이터를 텍스트로 다루고 싶을 때 보편적으로 사용할 수 있는 방식 신뢰할 수 없는 통신 채널을...