본문 바로가기

개발에 도움이 되는

 (78)
useState - 정의 value 값이 바뀌면 자동으로 리렌더링 해주는 함수. 컴포넌트에서 상태를 관리할 수 있음. # 모듈 선언 import React, { useState } from "react"; # useState 선언 let [value, setValue] = useState(init); ES6 destructuring 문법으로 useState에서 return 된 배열들이 해당 배열에 맞게 들어감. 첫번째 원소 value는 현재 상태 값 변수, 두번째 원소 setValue는 상태 값을 갱신해주는 Setter 함수이다. value = 변수 setValue = 변수를 변경해주는 함수 init = 해당 값으로 변수 초기화 ex) let [age, setAge] = useState(0); -> age의 초기값을 0..
React - React란? 페이스북에서 만든 유저 인터페이스(UI)를 만들기 위한 JavaScript 기반 라이브러리 - 왜 사용할까? 사용자와의 인터렉션을 UI로 쉽게 구현하고, 대규모의 복잡한 동적인 웹페이지를 관리하기 위해 사용 브라우저 전체를 새로고침하지 않고도 컨텐츠를 빠르게 변경 가능 - 주요 특징 1. 컴포넌트 컴포넌트는 UI를 구성하는 개별 단위이다. 페이지는 컴포넌트의 조합인 느낌 2. 단방향 데이터 흐름 (Flux 패턴) 부모로부터 자식으로만 데이터를 전달할 수 있다. 유지보수가 더 편함 3. 가상 DOM DOM은 Document Object Model의 약자이며, HTML, XML, CSS 등을 트리 구조로 인식하고 데이터를 객체로 간주해 관리한다. HTML 코드를 브라우저에서 열게 되면 DO..
Program, Process, Thread Program : 파일이 Disk에 저장되어 있지만 메모리에는 올라가 있지 않은 정적인 상태 (코드 덩어리 파일) Process : 운영체제로부터 자원을 할당 받은 작업의 단위(메모리에 올라가 프로그램을 실행한 상태 = 동적인 상태) Process는 Code, Data, Stack, Heap의 구조로 되어 있는 독립된 메모리 영역을 할당 받는다. 각 Process는 별도의 주소 공간에서 실행되며, 서로 독자적인 메모리 공간을 갖기 때문에 서로 메모리 공간을 공유할 수 없다. (= 다른 Process의 변수나 자료구조에 접근할 수 없다.) 다른 Process자원에 접근하려면 Process간의 통신(IPC)을 이용해야 한다. Process는 최소 하나 이상의 Thread를 포함한다. - Processor :..
heapq - 요약 이진 트리 기반의 최소 힙 자료 구조 최댓값과 최솟값을 찾는 연산을 빠르게 함. 기본 = 최소 힙 # 모듈 선언 import heapq # heapq 선언 ex_heap = [] -> 보통 List 선언해준 뒤, heapq 내장함수를 이용하여 사용. # heap에 원소 push heapq.heappush(ex_heap , 추가할 원소) # heap에 원소 pop heapq.heappop(ex_heap) -> 최솟값이 pop 됨. # 기존 list를 heap으로 변환 heapq.heapify(ex_heap) ex) ex_heap = [3, 2, 1, 8, 5] heapq.heapify(ex_heap) print(ex_heap) -> [1, 2, 3, 5, 8] # 최대 힙 응용 heapq.heap..
itertools (순열, 조합, 중복 순열, 중복 조합) - 요약 순열 = permutations 조합 = combinations 중복 순열 = product 중복 조합 = combinations_with_replacement # 모듈 선언 순열 : from itertools import permutations 조합 : from itertools import combinations 중복 순열 : from itertools import product 중복 조합 : from itertools import combinations_with_replacement # 순열(permutations) 구현 permutations(순열을 구할 목록, 기준 개수) ex) ex_list = ['a', 'b', 'c'] ex_str = "abc" per_list = list(per..
defaultdict - 요약 dictionary key 생성 시 default로 설정한 값으로 초기화 해줌. # 모듈 선언 from collections import defaultdict # defaultdict 선언 dic_type = defaultdict(type) ex) dic_int = defaultdict(int) -> 새로 key를 만들면 default 값으로 value에 0이 들어감. dic_str = defaultdict(str) -> 새로 key를 만들면 default 값으로 value에 빈 값()이 들어감. dic_list = defaultdict(list) -> 새로 key를 만들면 default 값으로 value에 빈 list([])가 들어감. # default 값 변경 (lambda 이용) # dic..
반응형

티스토리툴바