Flux 아키택처 디자인 패턴

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

제트팩 컴포즈와 리액트 차이

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

리액트의 이벤트 위임

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

타입스크립트 컴파일러(tsc)의 타입 검사 프로세스

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

HMR(Hot Module Replacement)의 동작 원리

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

리액트에서 WebSocket, STOMP를 사용해 훅 만들기

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

WebSocket, Socket.IO, SockJS의 차이

Tanstack-Query에서 invalidateQueries 활용 시 발생한 오류와 해결 방법: isError와 isFetching 상태 처리

[Tanstack-query]invalidateQueries 후 화면 리렌더링 안 됨

자바의 접근 제한자, 초기화 블럭을 사용한 클래스 설계방식에 대해 알아보자.

[JAVA]접근 제한자와 초기화 블럭

자바 객체지향 프로그래밍의 요소 중 상속에 대해 알아보자.

[JAVA]상속 (Inheritance)

자바에서의 객체 지향 프로그래밍에 대해 알아보자.

[JAVA]object-oriented programming(OOP) 객체 지향 프로그래밍

백준 1000 A+B을 Scanner, BufferedReader로 풀어보면서 두 클래스의 입력 방법을 비교해보자

[JAVA] Scanner, BufferedReader 입력 비교

플로이드 워셜의 문제 유형과 주의 사항을 살펴보고, node.js로 구현해보자.

플로이드-워셜(Floyd-Warshall) 알고리즘, 백준 11403 경로 찾기 풀이 (node.js)

SQL 쿼리를 바탕으로 반경과 좌표에 따라 주차장 정보를 반환하는 api 완성하기

[API 구현]반경과 좌표를 통해 주차장 정보를 검색하는 api 구현하기

ST_Distance_Sphere 함수를 사용하여 내 위치 반경 n 미터의 데이터 추출하기

[API 구현]SQL쿼리로 두 위치 사이 거리 구하기

raw data로부터 필요한 속성만 골라 데이터를 가공하고, 데이터베이스에 테이블 생성 및 데이터 삽입하기

[API 구현]JSON 데이터를 추출해 MySQL 데이터베이스에 저장하기

API 구현 동기, 구현에 쓰일 여러가지 재료들, 구현 순서

[API 구현]내 주변 주차장 검색 API - 동기 및 계획

Geolocation API를 활용해 현재 위치를 가져오는 useGeolocation 커스텀 훅을 만들자.

Geolocation API로 현재 위치 가져오기

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

React에 네이버 지도 API 연동하기

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

next/image 반응형으로 만들기

이중for문으로 작성한 교차점 찾기 문제를 라인스위핑으로 바꿔보자.

[알고리즘]라인 스위핑(Line Sweeping)

백트래킹이 무엇인지 알아보고, 백준 문제 N과 M을 풀어보며 백트래킹을 적용해보자.

[알고리즘]백트래킹(Backtracking)

MDX 파일을 React 컴포넌트로 변환한 MDXComponent에 react-syntax-highlighter 적용해서 코드 하이라이트 기능을 만들자

MDXComponent에 react-syntax-highlighter 적용하기

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

Web Socket과 Socket.IO

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

withCredential: true

useState 중복을 custom Hook으로 만들기(ts)

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

useState 중복을 custom Hook으로 만들기(js)

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

그리디 알고리즘

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

DFS와 BFS 언제 쓸까?

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

Sass & SCSS 문법 총정리(2)

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

Sass & SCSS 문법 총정리(1)

정점과 간선 정보를 통해 트리를 그리고 단절점과 단절선에 대해 알아보기

[BaekJoon]11675 단절점과 단절선

중위순회, 전위순회, 후위순회에 대해 알아보고 js로 구현해보자!

트리 순회

리트코드 938번 문제를 풀면서 이진트리탐색을 js로 푸는 법을 살펴보고 정리해보자.

37개의 게시물