전체 게시글
Flux 패턴의 등장과 내부 구조

제트팩 컴포즈(안드로이드)의 상태관리와 생명주기를 리액트와 비교해보기

자바스크립트의 이벤트위임을 살펴보고, 왜 리액트에서는 이벤트 위임을 사용하지 않는지 살펴보자

프로젝트 빌드 시에 작동되는 타입스크립트 컴파일러에 대해 알아보자.

HMR의 원리를 알아보고 VITE와 Webpack에서의 성능 차이를 살펴보자

방별 메시지 구독 및 전송이 가능한 useWebsocket 훅을 구현해보자.

프로젝트에서 필요한 WebSocket 라이브러리 비교하기

Tanstack-Query에서 invalidateQueries 활용 시 발생한 오류와 해결 방법: isError와 isFetching 상태 처리
![[Tanstack-query]invalidateQueries 후 화면 리렌더링 안 됨](/_next/image?url=https%3A%2F%2Fvelog.velcdn.com%2Fimages%2Fsonghaeunsong%2Fpost%2Fdd6d3a51-2ab2-42fd-8baf-1d77b40a0c1c%2Fimage.png&w=3840&q=75)
자바의 접근 제한자, 초기화 블럭을 사용한 클래스 설계방식에 대해 알아보자.
![[JAVA]접근 제한자와 초기화 블럭](/_next/image?url=https%3A%2F%2Fvelog.velcdn.com%2Fimages%2Fsonghaeunsong%2Fpost%2F822d5367-edb8-498a-a02a-ece6b580e565%2Fimage.png&w=3840&q=75)
자바 객체지향 프로그래밍의 요소 중 상속에 대해 알아보자.
![[JAVA]상속 (Inheritance)](/_next/image?url=https%3A%2F%2Fvelog.velcdn.com%2Fimages%2Fsonghaeunsong%2Fpost%2F822d5367-edb8-498a-a02a-ece6b580e565%2Fimage.png&w=3840&q=75)
자바에서의 객체 지향 프로그래밍에 대해 알아보자.
![[JAVA]object-oriented programming(OOP) 객체 지향 프로그래밍](/_next/image?url=https%3A%2F%2Fvelog.velcdn.com%2Fimages%2Fsonghaeunsong%2Fpost%2F822d5367-edb8-498a-a02a-ece6b580e565%2Fimage.png&w=3840&q=75)
백준 1000 A+B을 Scanner, BufferedReader로 풀어보면서 두 클래스의 입력 방법을 비교해보자
![[JAVA] Scanner, BufferedReader 입력 비교](/_next/image?url=https%3A%2F%2Fvelog.velcdn.com%2Fimages%2Fsonghaeunsong%2Fpost%2F822d5367-edb8-498a-a02a-ece6b580e565%2Fimage.png&w=3840&q=75)
플로이드 워셜의 문제 유형과 주의 사항을 살펴보고, node.js로 구현해보자.

SQL 쿼리를 바탕으로 반경과 좌표에 따라 주차장 정보를 반환하는 api 완성하기
![[API 구현]반경과 좌표를 통해 주차장 정보를 검색하는 api 구현하기](/_next/image?url=https%3A%2F%2Fvelog.velcdn.com%2Fimages%2Fsonghaeunsong%2Fpost%2F84902851-2b3d-4f2a-9b8e-d0de37d1b615%2Fimage.png&w=3840&q=75)
ST_Distance_Sphere 함수를 사용하여 내 위치 반경 n 미터의 데이터 추출하기
![[API 구현]SQL쿼리로 두 위치 사이 거리 구하기](/_next/image?url=https%3A%2F%2Fvelog.velcdn.com%2Fimages%2Fsonghaeunsong%2Fpost%2F84902851-2b3d-4f2a-9b8e-d0de37d1b615%2Fimage.png&w=3840&q=75)
raw data로부터 필요한 속성만 골라 데이터를 가공하고, 데이터베이스에 테이블 생성 및 데이터 삽입하기
![[API 구현]JSON 데이터를 추출해 MySQL 데이터베이스에 저장하기](/_next/image?url=https%3A%2F%2Fvelog.velcdn.com%2Fimages%2Fsonghaeunsong%2Fpost%2F84902851-2b3d-4f2a-9b8e-d0de37d1b615%2Fimage.png&w=3840&q=75)
API 구현 동기, 구현에 쓰일 여러가지 재료들, 구현 순서
![[API 구현]내 주변 주차장 검색 API - 동기 및 계획](/_next/image?url=https%3A%2F%2Fvelog.velcdn.com%2Fimages%2Fsonghaeunsong%2Fpost%2F84902851-2b3d-4f2a-9b8e-d0de37d1b615%2Fimage.png&w=3840&q=75)
Geolocation API를 활용해 현재 위치를 가져오는 useGeolocation 커스텀 훅을 만들자.

React에 네이버 지도 API 연동하여 지도 페이지를 만들자.

next/image의 fill 속성을 활용하여, 가로세로의 비율은 유지하면서 화면 너비에 따라 이미지 크기 조절하기

이중for문으로 작성한 교차점 찾기 문제를 라인스위핑으로 바꿔보자.
![[알고리즘]라인 스위핑(Line Sweeping)](/_next/image?url=https%3A%2F%2Fvelog.velcdn.com%2Fimages%2Fsonghaeunsong%2Fpost%2F508f6cda-267e-4bfc-b647-b0de08adc09b%2Fimage.png&w=3840&q=75)
백트래킹이 무엇인지 알아보고, 백준 문제 N과 M을 풀어보며 백트래킹을 적용해보자.
![[알고리즘]백트래킹(Backtracking)](/_next/image?url=https%3A%2F%2Fvelog.velcdn.com%2Fimages%2Fsonghaeunsong%2Fpost%2F137406fa-d3e9-4207-bb66-cf94494c8846%2Fimage.png&w=3840&q=75)
MDX 파일을 React 컴포넌트로 변환한 MDXComponent에 react-syntax-highlighter 적용해서 코드 하이라이트 기능을 만들자

Web Socket통신 방식과 Socket.IO의 특징에 대해 알아보자

withCredentials: true가 쓰이는 상황과 프록시 설정

useInput 커스텀 훅 타입 정리

useState 코드가 중복되는 경우에는 커스텀 훅을 활용해 중복을 제거할 수 있다

부분의 최적해가 합쳐져서 전체의 최적해를 이룬다

dfs(깊이 우선 탐색)과 bfs(너비 우선 탐색) 언제 사용하는 게 유리할까?

@if / @for / @each / @while / @mixin / @extend / @import

중첩 / 선택자 / 주석 / 연산자 / 변수

정점과 간선 정보를 통해 트리를 그리고 단절점과 단절선에 대해 알아보기
![[BaekJoon]11675 단절점과 단절선](/_next/image?url=%2Flogo.png&w=3840&q=75)
중위순회, 전위순회, 후위순회에 대해 알아보고 js로 구현해보자!

리트코드 938번 문제를 풀면서 이진트리탐색을 js로 푸는 법을 살펴보고 정리해보자.
![[Leetcode] Range Sum of BST](/_next/image?url=https%3A%2F%2Fvelog.velcdn.com%2Fimages%2Fsonghaeunsong%2Fpost%2F2f812f6d-dd72-4c92-b965-b19a34f86409%2Fimage.png&w=3840&q=75)
공식 문서를 기반으로 공부한 Next.js 핵심 정리

this is description.

this is description.
