00:00:00요즘은 모든 것이 AI에 관한 것이고 저도 마찬가지입니다.
00:00:03저는 AI를 항상 사용하고,
00:00:05AI로 많은 코드를 작성하며,
00:00:07Cursor 같은 도구들을 사용하지만 이번 에피소드의 초점은 AI가 아닙니다..
00:00:13대신 저는 2026년에 어떤 기술을 배워야 하는지,
00:00:16또는 2026년에 어떤 기술을 사용하고 있는지에 대한 질문을 자주 받습니다.
00:00:20그래서 여기서 그것을 공유하고 싶습니다.
00:00:232026년에 제가 흥미를 느끼는 몇 가지 기술, 라이브러리, 프레임워크를 공유하고자 합니다.
00:00:28그리고 이 목록이 반드시 포괄적이거나 완전한 것은 아닙니다.
00:00:32오히려 올해 제가 개인적으로 사용할 기술들과 올해 매우 관심 있는 기술들의 목록일 뿐입니다.
00:00:37전에도 이야기했지만,
00:00:38웹 개발에 대해 이야기할 때,
00:00:40특히 AI와 함께 또는 AI로 인해 모든 것을 지배하는 일종의 기본 스택이 있습니다.
00:00:45그것은 바로 TypeScript, React, Next.js 그리고 Tailwind입니다.
00:00:51이것이 AI가 가장 선호하는 것이고 예를 들어 React의 다운로드 차트에서 그것을 볼 수 있으며,
00:00:56Tailwind와 다른 기술들도 마찬가지입니다.
00:00:59그리고 분명히 그것이 여러분이 반드시 배우거나 사용해야 하는 것입니다.
00:01:03특히 일자리를 찾고 싶다면요.
00:01:05물론 유일한 선택은 아니고 Angular나 Vue 또는 그런 것들이 나쁘다고 말하는 것은 아니며,
00:01:11예를 들어 Vue를 더 깊이 파고드는 것이 좋은 틈새 시장이 될 수 있습니다.
00:01:16하지만 그것이 AI가 가장 좋아하는 것입니다.
00:01:18AI가 가장 선호하는 스택이죠.
00:01:20그래서 당연히 저도 이러한 기술들 중 일부를 사용하고 있는데, AI 이전부터 그렇게 했기 때문이기도 합니다.
00:01:26저는 모든 프로젝트에 TypeScript를 사용하는데, TypeScript는 정말 훌륭하기 때문입니다.
00:01:33네,
00:01:33때때로 더 복잡한 타입을 정의하는 것이 짜증날 수 있지만,
00:01:36첫째로 솔직히 그렇게 자주 할 필요가 없습니다.
00:01:39그리고 둘째로 AI가 그것을 도울 수 있습니다.
00:01:42AI는 TypeScript 코드를 작성하는 데 꽤 능숙하고,
00:01:46AI 이전에 TypeScript를 사용하는 장점은 이미 특정 오류를 잡는 데 도움이 될 수 있고 결국 더 높은 품질의 코드로 이어질 수 있다는 것이었습니다.
00:01:55하지만 특히 AI와 함께라면 TypeScript를 사용하는 장점은 예를 들어 단위 테스트와 결합하거나 Playwright MCP 또는 Cursor 등의 내장 브라우저로 AI에게 브라우저 액세스를 제공함으로써 AI가 작성한 코드가 유효한지 여부에 대한 유용한 피드백을 줄 수 있는 중요한 구성 요소 중 하나라는 것입니다.
00:02:14그래서 TypeScript는 제가 AI 이전부터 항상 사용하고 항상 좋아했던 것이지만,
00:02:19이제 AI와 함께라면 훨씬 더 유용합니다.
00:02:22그래서 제 기술 스택의 일부이기도 합니다.
00:02:24React도 마찬가지입니다.
00:02:26저는 Angular도 사랑합니다.
00:02:28Vue도 좋아합니다.
00:02:29둘 다에 대한 강좌가 있습니다.
00:02:31그리고 저를 팔로우하셨다면 제가 이 모든 프레임워크를 사랑한다는 것을 아실 겁니다.
00:02:36그리고 저는 하나의 선호 프레임워크만 가진 그런 사람이 아니지만,
00:02:40지난 몇 년 동안 제가 모든 프로젝트에 사용한 것은 주로 React였습니다.
00:02:44특히 AI와 함께 그리고 AI가 React에 대해 많이 알고 있는 상황에서,
00:02:49비록 여러 use effect 등이 있는 꽤 쓰레기 같은 React 코드를 생성할 수도 있지만 말이죠.
00:02:55하지만 그 모든 것을 고려해도 React는 여전히 제 기술 스택의 일부입니다..
00:03:03Next.js는 매우 오랫동안 제 주요 React 메타 프레임워크였고 여전히 훌륭합니다.
00:03:09여기서 분명히 하고 싶은데, 여전히 훌륭합니다.
00:03:13하지만 그것이 제가 정말 좋아하는 첫 번째 새로운 것일 수도 있는데,
00:03:17바로 TanStack Start입니다..
00:03:20저는 작년에 사이드 프로젝트로 만들어 출시한 이 Build My Graphic 프로젝트처럼 그것으로 프로젝트들을 구축했습니다.
00:03:27이것은 제가 선호하는 기술 스택의 완성된 개요를 보여주는 이것처럼 AI로 인포그래픽을 생성하는 과정을 단순화하는 프로젝트입니다.
00:03:35그리고 저는 그것을 위해 TanStack Start를 사용했습니다.
00:03:39또한 제가 작업 중인 다른 프로젝트들에도 TanStack Start를 사용하고 있습니다.
00:03:44일부는 곧 출시될 예정입니다.
00:03:46예를 들어 여기 보이는 이 캔버스 드로잉 앱에도 사용하고 있습니다..
00:03:51그리고 정말 훌륭합니다.
00:03:52정말 마음에 듭니다.
00:03:53개발 중에 Next.js보다 빠르고 특정 작업들을 다르게 한다는 점이 좋습니다.
00:03:59구문이 마음에 듭니다.
00:04:00Next.js의 일부 복잡한 것들에 비해 단순함이 좋습니다.
00:04:04use server나 use client 같은 지시어가 없기 때문에 TanStack Start는 제가 작년에 사용하기 시작한 새로운 것들 중 하나이며 올해도 계속 사용할 것입니다..
00:04:16저는 보통 백엔드 코드에는 Bun으로 T3 Stack을 사용하고,
00:04:21일반적으로 패키지 설치나 코드 실행,
00:04:23개발 서버 구동에도 Bun을 사용합니다.
00:04:26더 빠른 Node.js라고 할 수 있죠.
00:04:29bun install로 패키지를 설치하는 것만으로도 npm보다 빠르고, 정말 마음에 듭니다.
00:04:35물론 대부분 Node.js와 호환되고,
00:04:38S3 클라이언트 같은 유용한 기능들이 기본으로 내장되어 있어서 S3 객체 스토리지나 Cloudflare의 R2 같은 호환 스토리지와 상호작용하며 이미지 등의 객체를 저장할 수 있습니다.
00:04:51별도 패키지 없이 내장되어 있고 엄청 빠릅니다.
00:04:55공식 AWS SDK보다도 빠르죠.
00:04:57이런 이유들로 Bun을 정말 좋아하고, 제가 진행하는 모든 프로젝트에서 거의 기본 도구로 사용하고 있습니다.
00:05:04물론 새로운 건 아니고 저한테도 새롭지 않습니다.
00:05:08작년에도 썼고 그 전에도 썼지만, 지금은 제 기본 도구가 되었으니 확실히 많이 사용하는 도구입니다.
00:05:15다만 Node.js도 많이 발전했다는 점은 짚고 넘어가고 싶습니다.
00:05:20Node.js를 느리고 구식이라고 치부하고 Bun이 훨씬 낫다고 생각하기 쉽지만,
00:05:25저는 여러 면에서 Bun이 더 낫다고 생각하면서도,
00:05:29최신 Node.js 버전에서 오늘날 사용할 수 있는 TypeScript 지원,
00:05:34네이티브 TypeScript 지원 같은 모든 최신 기능들에 대해 전체 글을 작성했습니다.
00:05:41관심 있으시면 아래 링크에서 읽어보실 수 있습니다.
00:05:44별도 패키지나 Bun 없이도 Node.js가 우리 생각보다 훨씬 많은 걸 할 수 있거든요.
00:05:51그래도 저는 여전히 속도 같은 이유로 Bun을 사용하고 있지만,
00:05:55Node를 써야 하는 프로젝트에 있거나 단순히 Node를 선호한다면,
00:06:00요즘 Node.js로 몇 년 전보다 훨씬 더 많은 걸 할 수 있다는 점은 알아둘 가치가 있습니다.
00:06:07그래서 최신 Node.js도 올해 한동안 살펴보지 않으셨다면 다시 한번 고려해볼 만합니다.
00:06:13최신 기술 얘기가 나왔으니 말인데,
00:06:16요즘 사용 가능한 많은 최신 브라우저 API와 CSS 기능들에 대해서도 정말 기대가 됩니다.
00:06:22지난 18개월 정도 사이에 많은 것들이 바뀌었거든요.
00:06:26예를 들어 Popover API를 비롯한 많은 브라우저 API와 CSS 기능들이 주요 브라우저에서 폭넓게 지원되기 시작했습니다.
00:06:35오늘날 모든 주요 브라우저에서 사용할 수 있고,
00:06:38여러분의 애플리케이션에서도 사용할 수 있으며,
00:06:41이런 기능들을 활용하면 원래라면 설치해야 했을 자바스크립트 코드나 추가 패키지를 많이 줄일 수 있습니다..
00:06:53제 다른 채널인 아카데미 채널에서 컨테이너 쿼리나 팝오버 API 같은 것들을 다루는 영상을 몇 개 만들었는데,
00:07:00이 영상들과 이런 기능들을 꼭 한번 살펴보시길 권장합니다.
00:07:04브라우저는 정말 많이 발전했고,
00:07:06여러분의 코드나 추가 패키지로 해결할 필요 없이 이런 새로운 기능들을 활용하는 것만으로도 많은 문제를 해결할 수 있습니다.
00:07:14주목할 점은 AI가 기본적으로 이런 기능들을 제안하거나 사용하지 않을 수 있다는 건데,
00:07:19물론 예전 코드가 담긴 데이터로 학습되었기 때문이죠.
00:07:23하지만 여러분이 AI에게 가르칠 수 있습니다.
00:07:26문서를 공유하고,
00:07:27프롬프트에 복사해서 붙여넣거나,
00:07:29사용하는 도구에 따라 링크를 공유하면 AI도 최신 코드를 작성할 수 있습니다.
00:07:34이건 제가 정말 추천하는 방법입니다.
00:07:36AI에게 최신 기술들을 가르치세요.
00:07:38정말 그렇게 해야 합니다.
00:07:40여기서 할 수 있는 게 정말 많거든요.
00:07:42이제 AI 얘기가 나왔으니, 이 영상에서 완전히 건너뛸 수는 없겠죠.
00:07:47다른 에피소드에서도 말했지만, 저는 AI를 많이 사용하고 있습니다.
00:07:51제 모든 코드를 AI와 함께 작성하고, AI가 제 코드의 많은 부분을 작성해줍니다.
00:07:57여기서 바이브 코딩을 말하는 게 아니라는 점을 명확히 하고 싶고,
00:08:01일부 사람들은 여전히 오해할 거라는 걸 알지만,
00:08:04제가 말하는 건 AI를 제어하고,
00:08:06조종하고,
00:08:07올바른 프롬프트와 컨텍스트를 제공하고,
00:08:09필요할 때 직접 코드에 들어가서,
00:08:11소위 에이전틱 엔지니어링이라고 불리는 것을 하는 겁니다.
00:08:15그래서 당연히 저는 커서 같은 도구들을 사용하고,
00:08:18올해 제가 매우 기대하는 도구 중 하나는 예를 들어 오픈코드입니다.
00:08:23최근 이에 대한 과대광고가 많았는데, 저는 12월부터 사용하기 시작했으니 유행하기 전부터 멋졌던 거죠.
00:08:29이건 기본적으로 클라우드 코드의 대안이고, CLI 도구이자 터미널 기반 코딩 도구입니다.
00:08:35이걸 사용해서 에이전틱 엔지니어링을 할 수 있고,
00:08:38터미널에서 작동하지만 훌륭한 인터페이스를 가지고 있고,
00:08:42에이전트와 에이전트 스킬 같은 모든 것을 지원하는 많은 기능들이 있어서,
00:08:47오픈코드로 정말 훌륭한 에이전틱 엔지니어링을 할 수 있습니다.
00:08:51그래서 예를 들어 커서와 오픈코드는 제가 올해 사용하는 다른 기술들이고,
00:08:55특히 오픈코드는 제가 매우 열광하는 것 중 하나입니다.
00:08:59이제 대부분의 애플리케이션이나 여러분이 만들 수 있는 것들에 필요한 두 가지가 있는데,
00:09:04바로 인증과 데이터베이스입니다.
00:09:06데이터베이스의 경우 제가 선호하는 건 PostgreSQL이나 SQLite인데,
00:09:12둘 다 놀랍고,
00:09:12물론 둘 다 새로운 건 아닙니다.
00:09:15저도 그걸 완전히 알고 있고,
00:09:16컨벡스 같은 더 과대광고된 대안들이 있다는 것도 알고 있고,
00:09:20저도 그것들을 살펴볼 수 있지만,
00:09:22솔직히 실제로 사용해본 적은 없습니다.
00:09:25하지만 저는 이런 올드스쿨 데이터베이스들을 매우 다른 이유로 좋아합니다.
00:09:30PostgreSQL은 물론 매우 매우 인기가 있고,
00:09:33예를 들어 AWS를 사용할 때 매우 성능이 좋고,
00:09:36RDS나 Aurora 같은 관리형 서비스를 사용해서 호스팅을 간단하게 할 수 있지만,
00:09:42도커로 자체 호스팅할 수도 있습니다.
00:09:44백업 등을 확실히 해야 하긴 하지만요.
00:09:47PostgreSQL에 대해 특히 지금 이 현대 시대에 훌륭한 점은 물론 pg vector 같은 다양한 확장 기능을 지원한다는 건데,
00:09:55RAG 시스템을 구축하기 위해 벡터 데이터베이스를 원한다면 사용할 수 있고,
00:10:00확장 기능은 오래 전부터 있었던 거라 새로운 게 아니지만,
00:10:04이제 AI 시대에 벡터 데이터베이스 같은 새로운 것들이 생겼고,
00:10:08추가 도구를 사용하거나 추가 서비스에 비용을 지불하지 않고도 PostgreSQL로 간단히 할 수 있습니다.
00:10:15그게 제가 PostgreSQL을 정말 좋아하는 이유 중 하나이고, 제 많은 프로젝트에 사용하는 이유입니다.
00:10:22하지만 더 간단하게 유지하고 싶거나,
00:10:24그런 확장 기능이 필요하지 않은 일부 프로젝트의 경우,
00:10:28저는 SQLite를 정말 좋아합니다.
00:10:30혹시 모르실 수도 있지만, SQLite는 정말 프로젝트의 파일일 뿐입니다.
00:10:35데이터베이스가 코드에 내장되어 있는 거죠.
00:10:38제 말은 그것을 위한 코드가요.
00:10:40그래서 시작해야 할 추가 데이터베이스 서버가 없고,
00:10:43대신 설치하는 추가 패키지일 뿐이고,
00:10:45bun을 사용하는 경우 그것조차 필요하지 않습니다.
00:10:49내장된 SQLite 지원이 있어서 아무것도 설치하지 않고 bun을 사용할 수 있고,
00:10:54데이터베이스를 통해 작성을 시작할 수 있는데,
00:10:57다시 말하지만 이건 프로젝트의 파일일 뿐입니다.
00:11:00그 파일을 다른 곳에 복사하기만 하면 데이터베이스를 백업할 수 있고, 그래서 시작하기가 매우 간단합니다.
00:11:07이게 주요 프로젝트에 적합하지 않은 것처럼 들릴 수 있지만, 그건 잘못된 생각입니다.
00:11:12SQLite는 수만, 수십만 명의 사용자와 수천 개의 동시 요청까지 확장될 수 있습니다.
00:11:18그래서 매우 확장 가능하고 강력합니다.
00:11:21물론 어느 시점에서는 그 이상이 필요할 수 있지만,
00:11:24그 시점은 꽤 멀리 있고,
00:11:25솔직히 대부분의 애플리케이션은 거기에 도달하지 못합니다.
00:11:29그래서 이런 단순함은 정말 큰 가치가 있고,
00:11:32장난감 데이터베이스로 생각하기 쉽지만,
00:11:34많은 기능이 내장되어 있고,
00:11:36놀라운 데이터베이스이며,
00:11:38저는 Build My Graphic 같은 많은 프로덕션 프로젝트에 사용하고 있습니다.
00:11:43예를 들어 SQLite를 사용하죠.
00:11:45그래서 이게 제가 지난 몇 년 동안 사용해왔고 계속 사용할 또 다른 기술이고,
00:11:51물론 여전히 매우 흥분되고,
00:11:52여기서 마케팅을 좀 하고 싶은데,
00:11:54많은 사람들이 이걸 개발 전용 데이터베이스나 그런 것으로 생각하는데,
00:11:59절대 그렇지 않습니다.
00:12:00이제 인증의 경우 제게는 Better Auth가 확실히 더 낫습니다.
00:12:05프로젝트에 인증을 추가하는 방법은 많고,
00:12:07물론 눈치채셨겠지만 저는 여기서 JavaScript 생태계에 대해 얘기하고 있는데,
00:12:13Better Auth는 비교적 새로운 라이브러리입니다.
00:12:16이미 1년이 넘었지만, 여전히 그렇게 오래되지는 않았고, 매우 잘 유지관리되고 있고 매우 강력합니다.
00:12:23이와 관련된 코드를 전혀 작성하지 않고도 자체 인증을 구축할 수 있습니다.
00:12:28이 패키지와 지원하는 모든 기능, 모든 인증 공급자를 사용하기만 하면 되고, 인증을 아주 쉽게 만들어줍니다.
00:12:35제 모든 프로젝트의 기본이고,
00:12:37모든 프로젝트에 Better Auth를 사용하고 있는데,
00:12:40정말 놀랍고,
00:12:41계속 사용할 것이고,
00:12:43여전히 매우 흥분되기 때문에,
00:12:44아직 안 해보셨다면 Better Auth를 한번 살펴보시길 추천합니다.
00:12:49제가 보여드린 인포그래픽을 빨리 만들어보겠습니다.
00:12:52그동안 명확히 하자면,
00:12:54물론 훨씬 더 흥미로운 일들이 일어나고 있고,
00:12:57탐구할 가치가 있고 제가 사용할 패키지들이 훨씬 더 많습니다.
00:13:01예를 들어 모바일 앱을 만든다면 React Native를 사용할 겁니다.
00:13:05이건 제가 가장 흥분되는 라이브러리나 기술들의 선택일 뿐이고, 지금 생각해보니 떠올랐던 것들입니다.
00:13:12제가 뭔가를 잊었을 가능성이 절대적으로 있거나,
00:13:15물론 올해 과정에서 뭔가가 나타날 것인데,
00:13:18이미 존재하지만 지금까지 실제로 사용해보지 않았을 수도 있고,
00:13:22물론 저는 여러분의 생각과 AI 외에 무엇에 흥분하는지 듣고 싶습니다.
00:13:26분명히 AI는 모든 것을 지배하고 모든 것에 영향을 미치겠지만,
00:13:30우리 개발자들이 여전히 사용하는 기술에 대해 선택할 수 있고 또 해야 한다는 점을 명심할 가치가 있고,
00:13:37AI가 작업하도록 하는 것이며,
00:13:39이게 제가 가장 흥분하는 것들의 선택입니다..