Reading
Reading 'Growing Up Together'
A book I bought twice, 'Growing Up Together' (함께 자라기). I put into my own words the insights on deliberate practice, addition vs. multiplication, and collaboration.
ReadingGrowthCareerCollaboration
24min read·
All Posts
32 posts
Life
2025 Woowacon Conference Recap
A recap of my first-ever tech conference — Woowacon 2025 — including highlights from the sessions that left the biggest impression on me.
Conference
20min read·
Retrospective
Hanghae Plus Frontend Cohort 6 — Final Retrospective
A full retrospective on my time in Hanghae Plus Frontend Cohort 6, from why I signed up to what I learned and how I grew.
Hanghae+
22min read·
Retrospective
Hanghae Plus Frontend 6th Cohort Week 5: Design Patterns and Functional Programming (feat. Got Best Practice)
Week 5 started from a reflection on week 4, where I had handed over control of my code to AI. Under the principle of 'AI as advisor, I control the code,' I practiced folder structure refactoring, common component design, and the NotificationBoundary pattern — along with a KPT retrospective.
Hanghae+
31min read·
Retrospective
Hanghaen Plus Frontend Cohort 6 – Week 3: Implementing React Built-in Hooks from Scratch (feat. Best Practice Award)
A retrospective on what I learned and the troubleshooting process while implementing React built-in hooks like useState and useRef from scratch.
Hanghae+
25min read·
Retrospective
Hanghae Plus Frontend Cohort 6, Week 1: Building an SPA Without a Framework
A retrospective on the Week 1 Hanghae Plus assignment — implementing an SPA from scratch using vanilla JavaScript.
Hanghae+
21min read·
Retrospective
Hanghae Plus Frontend Cohort 6 — Pre-Networking Event & My Mindset Going In
A recap of the Hanghae Plus Frontend Cohort 6 pre-networking event, along with the mindset I'm bringing into the program.
Hanghae+
13min read·
Web Performance
Image Optimization with Browser Compatibility in Mind (feat. WebP, AVIF)
Learn how to optimize web performance using modern image formats.
14min read·
Web Performance
What Is Image Optimization?
How to optimize images for fast loading while maintaining visual quality by reducing file size
2min read·
Retrospective
KPT Retrospective on My First Real-World Project
A retrospective on my first real-world project in 2024, sharing my experiences and growth as a frontend developer.
12min read·
General Dev
Migrating from CRA to Vite (feat. Reducing Deployment Time)
Why and how we migrated our bundler from Create React App to Vite
10min read·
Retrospective
2023 Year in Review: Ready, Set, Go!
Looking back on how I grew throughout 2023, and writing down the things I want to accomplish in 2024.
24min read·
General Dev
Automating Translation Key Management for Internationalization (feat. react-i18next, Google Spreadsheet)
Let's automate the tedious manual work of managing translation keys using i18next-scanner and Google Spreadsheets.
20min read·
Retrospective
Pre-Onboarding Internship (Frontend) Retrospective
What I learned and felt throughout the Pre-Onboarding Internship
18min read·
React
Implementing Throttle in Vanilla JavaScript and React
A vanilla JavaScript example of throttle and the process of implementing it as a custom hook in React
17min read·
Web Performance
Debounce vs Throttle
Understanding the concepts and differences between debouncing and throttling
8min read·
React
Implementing Debounce in Vanilla JavaScript and React
A walkthrough of debounce in vanilla JavaScript and the process of implementing it as a custom hook in React
25min read·
Retrospective
Pre-Onboarding Internship Week 3 Assignment: Building a Search Bar
A walkthrough and retrospective on implementing recent search history, autocomplete suggestions, and local caching for a search bar
15min read·
Life
1st FE Blog Posting Study — Offline Conference
A recap of the offline presentation conference held with our study group members
30min read·
Retrospective
Pre-Onboarding Internship Week 2: Infinite Scroll and Error Boundary
A walkthrough and retrospective on implementing infinite scroll with Error Boundary and Suspense to declaratively handle async state at the per-page level
18min read·
Retrospective
Pre-Onboarding Internship Week 1: Best Practice for a Todo App
The start of the Pre-Onboarding Internship — selecting and implementing the Best Practice for a Todo App
15min read·
React
How and When to Use useReducer
A look at the syntax and usage of useReducer, and when it makes sense to reach for it over useState.
12min read·
React
How React Processes State Update Logic
Let's explore the problems caused by useState's asynchronous behavior and understand why it works that way.
9min read·
General Dev
What You Need to Know to Design a RESTful API
Everything you need to design a REST API — REST API concepts, URI naming rules, Path variable vs Query string, and more.
17min read·
Next.js
404 Error on Dynamic Routes After Deployment (feat. How to Use generateStaticParams)
Using generateStaticParams to generate static files at build time by pre-computing params for dynamic routes
14min read·
Web Performance
Building a Design System for Dark Mode - 1) Theory
Let's learn the theory you need to implement dark mode
17min read·
Next.js
Pre-rendering in Next.js — What You Need to Know
Learn why Pre-rendering matters and how it compares to Client-Side Rendering
12min read·
Next.js
Why Does Next.js Use the <Link> Component?
How the <Link> component works in Next.js
8min read·
Next.js
What Is Next.js and Why Is It So Popular? (v13)
Let's explore why Next.js was created and understand the reasons it's so widely used today.
12min read·
General Dev
The Open Graph Protocol (feat. SEO)
What exactly is the 'og tag' inside an HTML head element?
11min read·
React
Why and How to Use React Fragment
Let's explore why we use Fragment in React
3min read·
React
What You Must Know When Using createPortal
createPortal
5min read·