profile
배운 내용 정리하기 위해 쓰는 블로그
태그 목록
전체보기 (159)React(29)리액트(28)리액트로 데이터 다루기(24)express(11)next.js(10)프로그래머스(10)코드해석(9)mongodb(8)코딩테스트(7)해시(6)hook(4)input(4)useMemo(4)Java(4)prisma(4)useCallback(4)리액트 훅(4)HashMap(4)SSR(3)함수 메모이제이션(3)BFS(3)정렬(3)ssg(3)State(2)Sort(2)리액트 라우터(2)자바스크립트(2)예제 풀이(2)API(2)별점 컴포넌트(2)브라우저(2)Map(2)DFS(2)CSS(2)Prop(2)너비 우선 탐색(2)url(2)accept(2)코딩테스트 기초(2)POST(2)라우터(2)typescript(2)HashSet(2)마운트(2)파일 인풋(2)filter(2)성능 최적화(2)코딩 기초(2)(2)JavaScript(2)코드 해석(2)유효성 검사(2)form(2)Props(2)Fetch(2)깊이 우선 탐색(2)컴포넌트(2)옵셔널 체이닝(1)쿼리 필터(1)API 디자인(1)전송이벤트(1)리액트 생명주기(1)a11y(1)oAuth(1)사이드 이펙트(1)디자인 적용(1)렌더링 방식(1)비제어 컴포넌트(1)router.replace(1)get 리퀘스트(1)스타일 우선순위(1)쿼리 파라미터(1)파일업로드(1)검색창 만들기(1)브라우저동작원리(1)쿼리파라미터(1)쿼리 스트링(1)알고리즘(1)pre-rendering(1)cascading(1)queue.poll(1)useRouter(1)문제풀이(1)오류 방지(1)post 요청(1)리액트로 데이터 가져오기(1).d.ts 파일(1)useEffect(1)조합(1)접두어(1)Side Effect(1)url 파라미터(1)이미지 파일(1)MongoDB 조건 만족하는 데이터만 조회(1)node.js(1)ref(1)데이터베이스 정규화(1)검색(1)mongoose(1)&&(1)리뷰 추가(1)cursor(1)pagination(1)익스프레스(1)optional chaining(1)DOM 접근(1)스키마(1)State 변경(1)미디어 타입(1)CSS 우선순위(1)Hashing(1)JWT(1)객체 배열(1)내장 미들웨어(1)가상의 돔(1)const(1)let(1)var(1)입력 폼(1)(1)PATCH 리퀘스트(1)폰켓몬(1)MongoDB에서 데이터 수정 및 삭제(1)캐싱(1)캐스캐이딩(1)리액트 기초(1)에러처리(1)JSON WEB TOKEN(1)Codeit(1)빌드(1)tsc(1)http 메소드(1)리액트 쿼리(1)key(1)context(1)리퀘스트(1)react-query(1)렉시컬스코프(1)제네릭(1)Fetch Status(1)this(1)데이터 생성(1)경로 파라미터(1)axios(1)invalidateQueries(1)Enum(1)렌더링 조건(1)스키마 생성(1)이벤트 핸들러(1)semantic(1)컴포넌트 렌더링(1)커서(1)트랜스파일링(1)제어 컴포넌트(1)CSR(1)렌더링(1)인라인스타일(1)대소문자 바꾸기(1)className prop(1)시드 데이터(1)onsubmit(1)에러(1)Head컴포넌트(1)custom hook(1)MongoDB에서 데이터 조회(1)lexical scope(1)번들링(1)별점 인풋(1)글 작성(1)image 컴포넌트(1)인풋(1)페이지네이션(1)명령어(1)인풋 초기화(1)HATEOAS(1)리액트 데이터 다루기(1)오어스(1)리뷰 폼 추가(1)router.push()(1)DOM 노드(1)style(1)이미지 파일 업로드(1)seo(1)http 헤더(1)JSX(1)Generics(1)미들웨어(1)랜더링(1)life cycle(1)데이터로 리액트 다루기(1)CRUD(1)startswith(1)슬로우 해싱(1)CSS 메인(1)(1)useMutation(1)새 리뷰 새로고침 없이 화면에바로 보이게 하기(1)hash(1)별점(1)수정(1)이미지 미리보기(1)Query Status(1)순서리스트(1)자바스크립트 백엔드 개발(1)정적 스코프(1)리뷰 수정(1)리다이렉트(1)헤더(1)로딩 처리(1)브라우저 동작(1)this키워드(1)해싱(1)이벤트(1)404페이지(1)priama(1)리스트 아이템(1)search(1)문자열비교(1)Event(1)서버 사이드 렌더링(1)CSS header(1)Dependant Query(1)리액트 구조(1)virtual DOM(1)리액트 삭제(1)semantic tag(1)DELETE 리퀘스트(1)POST 리퀘스트(1)시맨틱태그(1)H Index(1)조건(1)커스텀 훅(1)media type(1)contains()(1)리스폰스 데이터 반영(1)caching(1)header(1)폰켄몬(1)다이나믹 URL(1)프리렌더링(1)비동기 코드 오류 처리(1)queue(1)컴포넌트 마운트(1)REST(1)클래스네임(1)className(1)Event Handler(1)

queue

BFS에 사용할 큐queue는 선입선출(FIFO)구조이므로, BFS에 적합큐에 탐색할 노드를 저장 후, 하나씩 꺼내서 탐색큐에서 노드 하나를 꺼내서 그 노드에 연결된 다른 노드 탐색하게됨queue.poll()은 노드를 꺼내면서 동시에 큐에서 제거i는 현재 노드와 연결된

2025년 1월 23일
·
0개의 댓글
·

DFS(Depth-First Search) / BFS(Breadth-First Search)

📘 DFS 먼저 깊게 파고들어간 후, 더 이상 갈 곳이 없으면 다시 돌아오는 방식으로 탐색 현재 노드에서 자식노드로 계속 깊이 들어가다가 더이상 갈 곳이 없으면 되돌아와서 다른 경로 탐색

2025년 1월 23일
·
0개의 댓글
·

깊이/너비 우선 탐색(DFS/BFS) _타겟 넘버

📘 문제 n개의 음이 아닌 정수들이 있습니다. 이 정수들을 순서를 바꾸지 않고 적절히 더하거나 빼서 타겟 넘버를 만들려고 합니다. 예를 들어 [1, 1, 1, 1, 1]로 숫자 3을 만들려면 다음 다섯 방법을 쓸 수 있습니다. >-1+1+1+1+1 = 3 +1-1

2025년 1월 23일
·
0개의 댓글
·

해시_베스트 앨범에 들어갈 노래 번호 구하기

📘 문제 스트리밍 사이트에서 장르 별로 가장 많이 재생된 노래를 두 개씩 모아 베스트 앨범을 출시하려 합니다. 노래는 고유 번호로 구분하며, 노래를 수록하는 기준은 다음과 같습니다. >속한 노래가 많이 재생된 장르를 먼저 수록합니다. 장르 내에서 많이 재생된 노래

2025년 1월 22일
·
0개의 댓글
·

해시 Hash

데이터구조에서 데이터를 빠르게 저장하고 검색하는 방법key와 value 2개의 값을 쌍으로 데이터 저장, 관리하는 자료 구조put(key, value)key와 value를 HashMap에 추가이미 key가 존재하는 경우, 그 값을 덮어씀get(key)key에 해당하는

2025년 1월 22일
·
0개의 댓글
·

해시_서로 다른 옷의 조합의 수

📘 문제 코니는 매일 다른 옷을 조합하여 입는것을 좋아합니다. 예를 들어 코니가 가진 옷이 아래와 같고, 오늘 코니가 동그란 안경, 긴 코트, 파란색 티셔츠를 입었다면 다음날은 청바지를 추가로 입거나 동그란 안경 대신 검정 선글라스를 착용하거나 해야합니다. >종류

2025년 1월 22일
·
0개의 댓글
·

contains( )와 startsWith( )

문자열이 다른 문자열(전체) 안에 포함되어있는지 확인반환값 : true / false문자열이 특정 문자열로 시작하는지 확인접두어 확인

2025년 1월 22일
·
0개의 댓글
·

해시_전화번호 목록

class Solution { public boolean solution(String[] phone_book) { boolean answer = true; // HashSet 생성 HashSet pb = new Has

2025년 1월 22일
·
0개의 댓글
·

해시_완주하지 못한 선수

수많은 마라톤 선수들이 마라톤에 참여하였습니다. 단 한 명의 선수를 제외하고는 모든 선수가 마라톤을 완주하였습니다.마라톤에 참여한 선수들의 이름이 담긴 배열 participant와 완주한 선수들의 이름이 담긴 배열 completion이 주어질 때, 완주하지 못한 선수의

2025년 1월 21일
·
0개의 댓글
·

해시_폰켓몬(HashSet)

프로그래머스 폰켓몬 종류 번호 개수 구하는 문제 📑 풀이 같은 번호를 가진 폰켓몬 중복 없애기위해 HashSet 사용 📘 HashSet 자바의 컬렉션 프레임워크에 속하는 객체 집합을 표현하는 자료 구조 중복 허용하지 않음

2025년 1월 21일
·
0개의 댓글
·

정렬 (H-index)

프로그래머스 알고리즘 고득점 문제중 Level2인 문제인 H-index 문제 📘 H-index 공식 연구자가 발표한 논문들(배열)을 인용 횟수에 따라 내림차순 정렬 인용 횟수와 순위를 비교 인용 횟수가 순위보다 크거나 같은지(>=) 확인 h번째 논문의 인용횟수가 h

2025년 1월 21일
·
0개의 댓글
·

.d.ts 파일

타입 정의 파일특정 모듈이나 라이브러리 타입 정보를 정의하는데 사용JavaScript 코드에 대한 타입 정보를 제공 >> TypeScript 컴파일러가 코드의 타입을 이해하고 타입 검사를 수행할 수 있도록 도와줌타입스크립트 코드에서 해당 모듈을 사용할 때, .d.ts

2024년 11월 4일
·
0개의 댓글
·

제네릭(Generics)

함수나 클래스가 여러 타입을 받을 수 있게 해주는 방법: 예를 들어, 숫자를 담는 배열과 문자열을 담는 배열을 만드려고 할때, 제네릭을 사용하면 하나의 함수 or 클래스를 만들어 어떤 타입의 배열이든 처리 가능!제네릭을 사용하면 코드를 더 유연하고 재사용 가능해짐&lt

2024년 11월 1일
·
0개의 댓글
·

keyof와 typeof 연산자

타입스크립트에서 타입을 추론하고 조합하는 데 유용하게 사용되는 기능이미 선언된 변수나 객체의 타입을 가져오는 데 사용런타임 객체의 타입을 컴파일타임 타입으로 변환변수의 타입을 가져와서 새로운 타입을 정의코드가 변경되더라도 타입이 자동으로 업데이트되기 때문에, 코드의 안

2024년 10월 31일
·
0개의 댓글
·

인터섹션 타입 (Intersection Type)

여러 타입을 결합하여 모든 속성을 포함. type A = B & C;두 개 이상의 타입을 결합하여, 모든 타입의 속성을 포함하는 새로운 타입을 정의할 때 사용😀 즉, 두개의 타입을 결합> 하나의 타입 EmployeePerson으로 새로 정의해서 사용🖐🏻 타입을 하

2024년 10월 31일
·
0개의 댓글
·

유니온 타입(Union Type)

여러 타입 중 하나를 허용하는 타입을 정의할 때 사용변수나 매개변수가 여러 타입 중 하나의 값을 가질 수 있도록 함유니온 타입을 사용하면 변수가 어떤 값으로 초기화되든지, 그 값이 정의된 타입 중 하나여야 함😀 즉 아래 코드에는 타입이 문자열이거나 숫자이면 됨!

2024년 10월 31일
·
0개의 댓글
·

리터럴 타입

특정한 값만을 허용하는 타입문자열, 숫자, 불리언과 같은 기본 타입을 기반으로 하여, 특정 값만을 갖도록 제한할 수 있음더 강력한 타입 체크가 가능해지며, 의도한 값만 사용하게 되어 코드의 품질이 향상

2024년 10월 31일
·
0개의 댓글
·

enum

타입스크립트에서 특정 값들의 집합을 정의하는데 사용되는 데이터 구조관련된 상수 값들의 집합기본적으로 숫자 값을 자동으로 할당초기화 시, 이름을 붙여주면 코드의 의미를 명확하게 전달 및 잘못된 값을 넣을 위험 방지 코드의 가독성을 높이고, 유지보수를 쉽게 하며, 오류를

2024년 10월 31일
·
0개의 댓글
·

함수의 타입 정의

함수의 매개변수와 반환값의 타입을 직접 지정하는 방법(name: string) : 매개변수의 타입: string : 반환값의 타입여러 개의 함수를 동일한 타입으로 묶을 때 유용const greet: Greet = (name) => : greet이라는 변수를 선언하여,

2024년 10월 31일
·
0개의 댓글
·

타입스크립트의 기본형

number : 모든 숫자를 나타냄string : 문자열, 작은따옴표('), 큰따옴표("), 백틱(\`\`\`)을 사용해 생성 가능boolean : 참 or 거짓을 나타냄null : 의도적으로 값이 없음(내가 주는 값 / 수를 초기화할 때 null을 할당하면, 그 변수

2024년 10월 31일
·
0개의 댓글
·