블로그를 새로운 곳으로 이사했습니다.

블로그를 옮겼습니다.

[ 월간 이트루 ] 주니어 개발자의 9월 회고록

최근 작성한 코드가 너무 똥 같아서 어떻게 하면 더 잘 쓸 수 있을까 찾아봤더니 너무 좋은 것들을 발견해서 눈이 뒤집혔다.

내 코드가 똥 같아서 이것 저것 찾아봄

동시성과 병렬성에 대해 공부하다가 무지의 늪에 빠져 죽을 뻔 했지만 겨우 살아나왔따.

동시성과 병렬성에 대해서, 그리고 React 가 말하는 동시성 까지도 알아보자.

Concurrency, Parallelism 공부하려다 타고타고 올라가 하드웨어부터 다시 봤다.

하드웨어의 구성과 동작 🖥️

immer 쓰다가.. proxy 를 몰라서 공부하다가.. immer 어떻게 생겨먹었는지 뜯어보다가.. 주말이 갔다.

Proxy.. 그리고.. immer.

말을 조금만 쉽게 해주면 좋겠는데 쨌든 그런게 있다니 무슨 의미인지 좀 제대로 알아보자.

불변성을 지킨다는건 말이 너무 어렵다.

콘솔만 잘 찍으면 된데서 콘솔만 찍었는데 시간을 많이 날린 것 같다. 내 개발 시간을 단축시켜줄 다양한 디버깅 방법을 알아보고 디버깅 잘하는 응애가 되어보자.

콘솔만 잘 찍으면 된댔는데.

[ 월간 이트루 ] 주니어 개발자의 8월 회고록

영원한 신입이고 싶지만 2년차에 접어든 내가 지난 1년을 돌아보고 칭찬하고 타박하고 쓰담쓰담해주는 일기.

신입이고 싶지만 2년차에 접어든 나에게.

리액트 라이프사이클 공부해도 맨날 망각하고 그래서 또 망각주기 돋아서 공부 다시함

React 컴포넌트 생명주기 뿌수깅

메뉴 선택도 못하는 녀석이 매번 선택해야하는 삶을 선택하게 된 나머지, 더 나은 선택들을 해나가기 위한 발악 일기. 오늘은 CSS-in-CSS 와 CSS-in-JS 를 비교해봤다.

CSS-in-CSS 와 CSS-in-JS 비교일기

수시로 찾아오는 좋은 컴포넌트에 대한 고민. 이번에는 아토믹 디자인을 적용해보며 느낀점과 그것들을 녹여내서 만든 나름의 기준을 정리해봤다.

매번 찾아오는 컴포넌트에 대한 고민 

파일 변환할 때 보려고 만든 파일 변환 관련 총정리 노트.

배경화면에 있는게 파일이긴 한데.

상태관리 잘하고 싶어서 그동안 들었던 생각들을 정리해봤다.

상태관리 잘하고 싶다.

리액트 서버 컴포넌트와 SSR 에 대해 공부해봤습니다.

React Server Component 와 SSR 함께 공부해보기

[ 월간 이트루 ] 주니어 개발자의 6월 회고록

babel 과 SWC 비교를 하다가 곁들여서 컴파일러와 인터프리터에 대해 공부를 해봤습니다.

Babel 과 SWC, 그런데 이제 컴파일러와 인터프리터 공부도 곁들인

블로그 프로젝트에서 data fetching 간 겪었던 트러블 이슈를 정리해봤습니다.

[Trouble Shooting] 블로그 프로젝트 트러블 슈팅 - data fetching with Next.js 13

토스 SLASH23 세션 중 퍼널 관련 세션을 듣고 정리를 해봤습니다.

TOSS SLASH 23 - 퍼널: 쏟아지는 페이지 한 방에 관리하기

Antd 커스텀 컴포넌트 만들기 삽질 기록입니다.

[연구일지] Antd 컴포넌트 커스텀 삽질 기록

쿼리스트링을 활용해 필터를 구현해봤습니다.

[Next.js + Blog Proj] 쿼리 스트링을 활용해서 뭐시깽이를 해봤다.

[ 월간 이트루 ] 주니어 개발자의 5월 회고록

javaScript 의 Map 과 Object 를 비교해봤습니다.

[JavaScript] Map 과 Object

css-in-js 세팅 및 적용 간 고민했던 부분에 대한 트러블 슈팅입니다.

[Next.js] V13 에서 css-in-js 적용하고 서버 컴포넌트 배치시키기

내가 기억하고 싶어서 남기는 면접 후기

javaScript 의 this 를 공부해봤습니다.

Front-end 면접 핸드북

React 에서 렌더링의 개념에 대해 공부해봤습니다.

[React] React 에서 렌더링이란.

React 와 실행 컨텍스트에 대해 공부해봤습니다.

[React] 실행 컨텍스트 in React

[ 월간 이트루 ] 주니어 개발자의 4월 회고록

Next.js 13 에서 Prop `className` did not match 경고문구 관련 트러블 슈팅을 정리하며 관련한 공식문서 번역을 진행해봤습니다.

[Next.js] Prop `className` did not match 문제 해결과 styled-components 셋팅 방법

Bloom Filter 에 대해 공부해봤습니다.

[ 자료구조 ] Bloom Filter

리액트 디자인 패턴에 대한 이론적인 내용과 스토리북 찍먹 기록입니다.

React Design Pattern and StoryBook Basic

Next.js 에서의 Script Component 에 대한 문서를 번역했습니다.

[ Next.js ] Script Component

해시 자료구조에 대해 공부해봤습니다.

[ 자료구조 ] 해시 자료구조

자바스크립트 이벤트 루프 관련 아티클을 번역하며 공부해봤습니다.

[ 번역 ] ✨♻️ JavaScript Visualized: Event Loop

Blink 엔진을 기준으로 렌더링 과정에 대해 공부해보자.

브라우저 동작 과정 - 04. 렌더링 엔진과 렌더링 과정

HTML 파싱 과정과 DOM 생성에 대해 알아보자.

브라우저 동작 과정 - 02. HTML 파싱과 DOM

CSSOM 과 스타일 시트에 대해 알아보자

브라우저 동작 과정 - 03. CSSOM 과 스타일 시트

브라우저의 기본 구조에 대해 알아보자.

브라우저 동작 과정 - 01. 브라우저란?

리액트의 렌더링 최적화 기법을 알아보자.

[ React ] 렌더링 최적화 기법

자바스크립트의 메모리 누수를 알아보자

[ JavaScript ] C언어에서 이어진 메모리 누수의 발생과 해결방법