최근 게시글 목록

post_thumbnail

2026.07.23

React.02

지난 포스트에서 React가 UI를 상태의 결과로 표현하는 선언형 라이브러리이며, 화면을 여러 개의 컴포넌트로 나누어 개발한다는 점에 대해 이야기 했다이번 장에서는 React 애플리케이션을 구성하는 가장 기본적인 요소인 컴포넌트를 직접 만들어 본다React 컴포넌트 안에서 화면의 구조를 표현할 때 사용하는 JSX가 무엇인지 알아보고 HTML과는 어떤 차이가 있는지 정리한다컴포넌트?React에서 컴포넌트는 UI를 구성하는 독립적인 단위다버튼, 프로필 이미지, 검색창과 같은 작은 요소부터 헤더, 사이드바, 게시글 목록, 페이지 전체와

post_thumbnail

2026.07.14

React.01

React 프로젝트를 시작하는 방법에 대해 얘기해보자React 자체는 UI를 만들기 위한 JavaScript 라이브러리다. 실제로 브라우저에서 React 코드를 실행하려면 JSX 변환, 개발 서버, 빌드, 정적 파일 처리 같은 작업이 함께 필요하다.이 역활을 담당하는 도구가 바로 빌드 도구이며 현재 React 공식 문서에서도 React 앱을 직접 구성할 때 Vite, Parcel, Rsbuild 같은 빌드 도구를 설치하는 과정을 안내하고 있다.물론 Next.js나 React Router와 같은 프레임워크 사용을 더 권장하지만 Rea

post_thumbnail

2026.07.09

TypeScript 7.0 적용기

2026년 7월 8일, Typescript 7이 정식으로 릴리즈 되었다.TypeScript 7의 가장 큰 변화는 기존 JavaScript/TypeScript 기반 컴파일러가 Go로 작성된 네이티브 컴파일러로 교체되었다는 점이다. 마이크로소프트는 네이티브 코드 실행, shared memory 기반 멀티쓰레딩, 병렬 타입 검사 등의 최적화를 통해 전체 빌드에서 일반적으로 8배 ~ 12배 정도의 성능 향상을 기대하라 수 있다고 설명했다.공식 발표는 아래 링크에서 확인할 수 있다.Announcing TypeScript 7.0이번에 회사에서

post_thumbnail

2026.07.07

React.00

처음부터 다시 공부해보자 React란 무엇이고 왜 React를 사용하는가? 그리고 React는 어떻게 사용하는가?이를 중심으로 과거 내가 기록했던 내용들을 돌아보며 React 19에 맞춰 내용을 추가할 예정이다React는 무엇인가?React는 단순히 화면을 만드는 도구가 아니다 React는 웹 앱과 네이티브 앱을 모두 만들 수 있는 라이브러리로 UI를 작은 컴포넌트 조각으로 만든 뒤 이를 조합해 화면을 구성하게 해준다이 말은 React의 핵심이 문법보다는 UI를 바라보는 방식에 있다는 뜻이다 React를 잘 쓰려면 useState,

post_thumbnail

2026.07.06

드디어 완성됐다

프로젝트 시작으로부터 1년 6개월 한번 완성되고 무너졌던 프로젝트를 다시 재건했다단순히 내 게으름 때문에 완성기간이 더 늦어지게됐지만 길고 긴 시간 끝에 드디어 나 혼자만의 첫 번째 프로젝트가 완료됐다유튜브 알고리즘을 통해 본 영상이 이 프로젝트를 완료하는데 도움이 됐다고 생각한다 중요한 것은 프로젝트를 진행하는 목적이라고, 처음엔 공부를 위한 목적이었지만 다시 시작할 땐 공부 목적이 아닌 원하는 기획을 단 한가지만 정하고 그것에 집중하자는 마음으로 진행했다단순한 하지만 확실한 목적Markdown 에디터로 작성한 것을 HTML로 옮

게시글 목록

post_thumbnail

2026.07.23

React.02

지난 포스트에서 React가 UI를 상태의 결과로 표현하는 선언형 라이브러리이며, 화면을 여러 개의 컴포넌트로 나누어 개발한다는 점에 대해 이야기 했다이번 장에서는 React 애플리케이션을 구성하는 가장 기본적인 요소인 컴포넌트를 직접 만들어 본다React 컴포넌트 안에서 화면의 구조를 표현할 때 사용하는 JSX가 무엇인지 알아보고 HTML과는 어떤 차이가 있는지 정리한다컴포넌트?React에서 컴포넌트는 UI를 구성하는 독립적인 단위다버튼, 프로필 이미지, 검색창과 같은 작은 요소부터 헤더, 사이드바, 게시글 목록, 페이지 전체와

post_thumbnail

2026.07.14

React.01

React 프로젝트를 시작하는 방법에 대해 얘기해보자React 자체는 UI를 만들기 위한 JavaScript 라이브러리다. 실제로 브라우저에서 React 코드를 실행하려면 JSX 변환, 개발 서버, 빌드, 정적 파일 처리 같은 작업이 함께 필요하다.이 역활을 담당하는 도구가 바로 빌드 도구이며 현재 React 공식 문서에서도 React 앱을 직접 구성할 때 Vite, Parcel, Rsbuild 같은 빌드 도구를 설치하는 과정을 안내하고 있다.물론 Next.js나 React Router와 같은 프레임워크 사용을 더 권장하지만 Rea

post_thumbnail

2026.07.09

TypeScript 7.0 적용기

2026년 7월 8일, Typescript 7이 정식으로 릴리즈 되었다.TypeScript 7의 가장 큰 변화는 기존 JavaScript/TypeScript 기반 컴파일러가 Go로 작성된 네이티브 컴파일러로 교체되었다는 점이다. 마이크로소프트는 네이티브 코드 실행, shared memory 기반 멀티쓰레딩, 병렬 타입 검사 등의 최적화를 통해 전체 빌드에서 일반적으로 8배 ~ 12배 정도의 성능 향상을 기대하라 수 있다고 설명했다.공식 발표는 아래 링크에서 확인할 수 있다.Announcing TypeScript 7.0이번에 회사에서

post_thumbnail

2026.07.07

React.00

처음부터 다시 공부해보자 React란 무엇이고 왜 React를 사용하는가? 그리고 React는 어떻게 사용하는가?이를 중심으로 과거 내가 기록했던 내용들을 돌아보며 React 19에 맞춰 내용을 추가할 예정이다React는 무엇인가?React는 단순히 화면을 만드는 도구가 아니다 React는 웹 앱과 네이티브 앱을 모두 만들 수 있는 라이브러리로 UI를 작은 컴포넌트 조각으로 만든 뒤 이를 조합해 화면을 구성하게 해준다이 말은 React의 핵심이 문법보다는 UI를 바라보는 방식에 있다는 뜻이다 React를 잘 쓰려면 useState,

post_thumbnail

2026.07.06

드디어 완성됐다

프로젝트 시작으로부터 1년 6개월 한번 완성되고 무너졌던 프로젝트를 다시 재건했다단순히 내 게으름 때문에 완성기간이 더 늦어지게됐지만 길고 긴 시간 끝에 드디어 나 혼자만의 첫 번째 프로젝트가 완료됐다유튜브 알고리즘을 통해 본 영상이 이 프로젝트를 완료하는데 도움이 됐다고 생각한다 중요한 것은 프로젝트를 진행하는 목적이라고, 처음엔 공부를 위한 목적이었지만 다시 시작할 땐 공부 목적이 아닌 원하는 기획을 단 한가지만 정하고 그것에 집중하자는 마음으로 진행했다단순한 하지만 확실한 목적Markdown 에디터로 작성한 것을 HTML로 옮

Developer

GitHub

Made with

Next.jsshadcn/uiNestJSDrizzle