책임을 하나씩 관리하기

지역 상태로 관리하던 필터를 search param으로 옮기고, hook의 책임 나누기

requestAnimationFrame 가이드: 브라우저에서 부드러운 애니메이션 만들기

왜 setInterval은 끊기고, requestAnimationFrame은 부드러울까?

JavaScript

git rebase

merge하지 않고도 branch를 합칠 수 있어..!

Git

Git

브라우저는 어떻게 웹페이지를 그릴까?

도메인 탐색부터 페인트까지

타입과 상수를 효과적으로 연결하기 🔗

Literal type, enum, const enum, as const - User 타입 설계 과정에서의 고민을 담아서

TypeScript

Photo Ground

스냅 촬영 전문 통합 관리 서비스

포토그라운드 베타를 마무리하며

창업 동아리에서 프로덕트 기획부터 개발까지

2. 브랜치 전략(Branching Strategy) 세우기

브랜치 전략을 사용하는 이유와 다양한 전략들(Git Flow, GitHub Flow, GitLab Flow, Trunk-based development)을 알아봅시다

Git

Github

1. Prettier, ESLint 세팅하기

코드 스타일을 통일해봅시다

Text 디자인 시스템🎨 구축하기

Text 컴포넌트를 만들어서 텍스트 스타일 통일하기🍀

리팩토링

디자인 시스템

제 페이지에 SSR이 적용됐나요?

JavaScript 비활성화로 간단하게 테스트하기

Server Side Rendering

TanStack Query: 서버 상태 관리의 끝판왕 가이드 🚀

TanStack Query (React Query)를 처음 시작하는 당신을 위해

상태 관리

React

0. 팀 프로젝트 시작하기

앞으로 무엇을 할 지 알아보자👊

팀 프로젝트 스타터팩

"팀" 프로젝트를 처음 시작하는 개발자라면

프로필을 찍었당

최고의 사진사 @seona

[JS] 구형 엔진에서 최신 문법을 사용하기: 트랜스파일과 폴리필

언제까지나 구 문법으로 코딩할 수 없으니까

JavaScript

TypeScript

커밋 메시지 작성 가이드: Conventional Commits와 gitmoji

협업을 위한 커밋 메시지 규칙 이해하기

Git

이벤트(Event) 흐름

이벤트 캡처링과 버블링까지

JavaScript

HTML

バベル - いよわ

귀여우면서도 눈물나

TypeScript 빙산 #1

TypeScript/src에서 타입 정의 까보기

TypeScript

SSR, CSR, SR, ISR 렌더링 기법을 알아보자

렌더링이란 무엇인가? ~ 각 방법의 특징과 장단점

Server Side Rendering

Web

최고의 FE 개발자를 향해서

DOM(Document Object Model)

DOM이 뭔지 설명할 수 있나요?

HTML

DOM

[JS 코테 준비 #1] 입력받기

fs.readFileSync() 메소드 알아보기😎

JavaScript

[C++] std::sort와 커스텀 비교 함수로 정렬하기

비교 함수 이젠 헷갈리지 말자!

C++

Sorting

Comparison Function

PS Note

맨날까먹는것들

[BOJ] 5670 휴대폰 자판

vector로 트라이 구현하기

BOJ

Trie

C++

[BOJ] 16496 큰 수 만들기

주어진 수들을 이어 만들 수 있는 가장 큰 수를 찾아봅시다

BOJ

Greedy

Sorting

C++

[현프철] 1. 타자 이론 개괄 및 역사

210303 | 타자 이론이란?

타자 이론

철학

현대 프랑스 철학

PHI3012

현대 프랑스 철학

서동욱 교수님, 서강대학교 2021 1학기 수강

철학

현대 프랑스 철학

PHI3012

[OSTEP] 3. Process API

ch5: 프로세스를 다루는 API들을 알아보자

OS

OSTEP

[OSTEP] 2. The Process

ch3~4: 프로세스의 구성 요소 / 상태 / 구현

OS

OSTEP

[OSTEP] 1. Introduction to Operating Systems

ch1 ~ 2: 인트로

OS

OSTEP

OS

OSTEP을 공부합니다

OS

[BOJ] 22971 증가하는 부분 수열의 개수

최장 증가 부분 수열(LIS)의 갯수를 구하는 방법을 알아봅시다

BOJ

DP

C++

[BOJ] 16470 A Homogeneous Country

통계 잘 몰라도 풀 수 있어요

BOJ

C++

[BOJ] 19607 Surmising a Sprinter’s Speed

간단한 구현 문제

BOJ

C++

[BOJ] 7133 Milk and Honey

BOJ

Greedy

DP

C++

Tab 컴포넌트 추상화하기 + Emotion 코드 정리

[리팩토링 #2] 로그인 페이지를 리팩토링해보자

React

Next.js

Awesome Resume Builder

추상화

Next.js 14 + Supabase로 Server-Side Auth 적용하기

[리팩토링 #1] Supabase와 Server-Side Auth 적용하기

React

Next.js

Awesome Resume Builder

Next.js 14

Server Component

이력서 에디터: Awesome Resume Builder

이력서를 편하게 만들고 싶다

Next.js

Awesome Resume Builder

HTML

HTML

HTML과 문자 참조(character reference)

< / > ← 이런거 본 적 있지 않아?

HTML

파일 끝에 Newline이 필요한 이유와 VSC로 해결하는 방법

No newline at end of file 이라고? newline 없는게 왜?🤷

Github

Error

newline

Git

2024 카카오 채용 연계형 겨울 인턴십 합격 후기

후기

기록들

#8 목차(TOC)와 breadcrumb 만들기

글을 더 편리하게 볼 수 있도록 만들어보자

Remix

Remix와 함께하는 블로그 만들기

TS의 interface에 대해서

인덱스 시그니처에서 침몰했던 기억을 되살리며

TypeScript

#7 sitemap 추가하기

런타임 시에 사이트맵 생성하기

최근 포스트

오늘의 에러

내가 만난 문제들

 를 조심하세요

옵시디언이 저에게  를 선물해주었습니다

OpenGL Lighting Equation 요약 설명

Latex 연습

#6 최적화 (1)

Lighthouse 점수를 올려보자

[BOJ] 17140 이차원 배열과 연산

react-pdf와 react-markdown 함께 쓰기

react-markdown에서 ul, ol, li의 props를 뜯어보자

타입 단언(Type Assertion)으로 타입 에러 해결하기

TS보다 내가 타입을 더 잘 알고있는 경우도 있습니다

useRef를 타이핑하는 방법

TypeScript에서 useRef를 사용하기

부드럽게 hover 애니메이션 넣기

css의 :not() 선택자를 활용해보자

useState를 타이핑하는 방법

TypeScript에서 useState를 사용하기

4의 배수로 작업해주세요

디자인에도 법이 있는걸까

Cloudflare의 YARN_VERSION 지정하기

Cloudflare는 별 말 없으면 Yarn3을 사용한다는 걸 알게 됐다

2022-01 C언어 스터디

2022-2학기 SGCC에서 진행한 C언어 스터디입니다

[BOJ] 1713 후보 추천하기

MDN 번역 기여를 해보자!

번역 기여 당신도 할 수 있다!

react-colorful 뜯어보기

React 색상 선택 라이브러리 react-colorful은 어떻게 구현되어 있을까?

React.js

React.js에 관련된 내용을 공부합니다.

JavaScript & TypeScript

JavaScript, TypeScript, React... 에 관련된 공부를 합니다.

#5 react-markdown 적용하기

react-markdown을 이용해서 markdown 포스트를 스타일링하자!

#4 supabase에서 데이터 불러오기

Supabase를 연결하고 데이터를 불러오자

#3 Remix 세팅하기 & 기본 UI 만들기

드디어 코딩을 시작했다😎

#2 라우트 구조 잡기 & 디자인

어떻게 해야 Remix를 활용할 수 있을지 고민중

Remix와 함께하는 블로그 만들기

Remix로 v2 블로그를 만들어 보겠습니다

개발일지

내가 개발하면서 겪은 일들

#1 블로그를 시작하며…

Remix와 함께 블로그를 만들어보자!

BOJ

BOJ에서 문제를 풀어봅시다

[BOJ] 12865 평범한 배낭

냅색 문제를 플어보자!

[BOJ] 7579 앱

PS

PS를 하면서 풀었던 문제들

#17 반복문(2)

반복을 중지하거나 건너뛰는 방법을 알아봅시

#16 반복문(1)

코드의 특정 부분을 반복해봅시다

#15 [작성중] 연습문제 3 풀이

#14 연습문제 3

조건문을 활용해서 문제를 풀어봅시다

#13 조건문

특정 조건에 따라서 코드를 실행시키거나, 실행시키지 않을 수 있습니다

#12 연습문제 2 풀이

연습문제 2의 해답입니다

#11 연습문제 2

간단한 사칙연산 문제를 풀어봅시다

#10 사칙연산(1)

더하기, 빼기, 곱하기, 나누기를 계산해봅시다

#9 출력(3) - 형식 지정자와 출력하기

%d, %c같은 형식 지정자를 이용해서 출력해봅시다

#8 입력(1)

scanf()를 이용해 데이터를 입력받고 저장해봅시다

#7 변수와 자료형(1)

변수를 올바른 자료형에 저장해봅시다

#6 연습문제 1 풀이

연습문제 1의 해답입니다

#5 연습문제 1

간단한 출력 문제를 풀어봅시다

#4 출력(2) - 더 다양한 내용 출력하기

특수한 문자를 출력해봅시다

#3 출력(1) - Hello world! 출력하기

콘솔에 Hellow world를 출력하자

#2 새 프로젝트 만들기

VS에서 새 프로젝트를 만들고 소스를 작성해 봅시다

#1 Visual Studio 설치

Visual Studio 2022를 설치해봅시다

#0 백준 문제 제출 방법

C언어로 백준 문제에 제출하기

블로그 소개