비전공, 초보자도 쉽게 시작하는 타입스크립트 & Next.js React와 Node.js를 활용한 프론트+백엔드 풀스택 웹 개발 실전 프로젝트 ‘풀스택 프론트&백엔드 웹 개발’ 최근 몇 년간 웹 서비스와 스타트업, 다양한 기업 현장에서 가장 주목받는 키워드는 바로 풀스택 웹 개발입니다. 단순히 프론트엔드 화면 구현에 그치지 않고, 백엔드 데이터 처리와 자동화까지 아우르는 개발 역량은 이제 전문 개발자뿐 아니라 입문자에게도 필수적인 흐름으로 자리 잡고 있습니다. 이에, 역시 비전공자이자 초보였던 저자는 『타입스크립트와 Next.js로 완성하는 웹 애플리케이션』을 통해 클라우드와 로컬 환경을 넘나드는 개발 경험을 제공하고자 합니다. GitHub Codespaces와 Vercel을 통한 손쉬운 배포, Cursor와 Node.js 기반의 로컬 개발, Next.js를 활용한 API와 데이터 수집·자동화, Supabase와 SQL을 통한 데이터베이스 구축, 그리고 React와 Tailwind CSS로 완성하는 프론트엔드까지-한 권으로 풀스택 웹 개발의 전체 흐름을 직접 체험할 수 있도록 구성했습니다.

저자 : 안귀정 10년 이상 다양한 개발을 진행해 온 풀스택 개발자로서, 프론트엔드와 백엔드를 아우르며 실행 가능하고 실용적인 서비스를 만들어 왔습니다. 새로운 기술과 도전을 즐기며, 실제로 바로 활용할 수 있는 개발 방식을 추구하는 개발자입니다. Adobe Flash Engie 안드로이드 포팅, 삼성 스마트 티비 LGU+ IPTV 앱과 하나카드 모바일 간편 결제 서비스, SK Broadband 안드로이드 STB, TJ 안드로이드 POS와 중고차 온라인 거래 플랫폼 카머스 개발을 진행했으며, 차별화상회, 외식업 서비스 등 다양한 분야의 개발 경험을 가지고 있습니다. 호서직업전문학교 컴퓨터공학과 모바일 프로그래밍 강의를 진행했으며, 개발자 커뮤니티 [자바 카페]의 운영진으로 활동했습니다. 저서 : 안드로이드 with Kotlin 앱 프로그래밍 가이드 (아이콕스)

01장 개발? 먼저 시작해 보자 01-1 프로젝트 개요 및 목표 01-2 개발도 실행부터 01-3 내가 만든 웹 사이트 세상에 공개하기 01-4 실습 과정 정리/웹 개발의 주요 개념들 01-5 로컬 개발 환경 구성하기 01-6 바이브 코딩 체험하기 02장 내 웹 사이트에 데이터를 추가해 보자 02-1 웹에서 데이터 추출하기 02-2 Next.js로 스크래핑 프로그램 만들기 02-3 데이터를 파일에 저장해보자 02-4 클라우드 데이터베이스에 저장하기: Supabase로 체계적인 데이터 관리 02-5 검색과 분석을 위한 Elasticsearch 활용하기 02-6 크롤러 자동으로 실행하기 02-7 책에서 다 다루지 못한 백엔드 주요 개념들 03장 데이터 시각화 03-1 JSX와 HTML로 데이터 보여주기 03-2 React 컴포넌트로 UI 구조화하기 03-3 CSS와 Tailwind로 데이터를 멋지게 보여주기 03-4 상품 상세 화면과 차트 만들기 03-5 API를 호출해 데이터 연결하기 03-6 책에서 다 다루지 못한 프론트엔드 주요 개념들 책을 마무리하며 용어사전

클라우드와 로컬 환경을 넘나들며 경험하는 한 차원 높은 확장성의 풀스택 웹 개발! 타입스크립트와 Next.js, 그리고 React·Node.js를 통해 프론트+백엔드 프로젝트를 완성하세요! 웹 서비스와 스타트업, 다양한 기업 현장에서 가장 주목받는 키워드는 바로 풀스택 웹 개발입니다. 단순히 프론트엔드 화면 구현에 그치지 않고, 백엔드 데이터 처리와 자동화까지 아우르는 개발 역량은 이제 전문 개발자뿐 아니라 입문자에게도 필수적인 흐름으로 자리 잡고 있습니다. 이에 『타입스크립트와 Next.js로 완성하는 웹 애플리케이션』은 클라우드 기반의 GitHub Codespaces와 Vercel, 로컬 환경의 Node.js와 Cursor를 활용하여 누구라도 손쉽게 웹 애플리케이션을 구축할 수 있도록 안내합니다. 데이터 수집(API, 웹 스크래핑), 데이터베이스(Supabase, SQL, Elasticsearch), 자동화(Vercel Cron Jobs), 그리고 React와 Tailwind CSS를 통한 시각화까지-실전 프로젝트 중심의 학습 흐름을 통해 독자들이 직접 풀스택 개발을 체험할 수 있도록 구성했습니다. 저자가 쌓아온 실무 경험과 시행착오를 바탕으로, 입문자도 따라 할 수 있는 다양한 예제들을 통해 여러분 모두가 최신 웹 개발의 전체 흐름을 경험할 수 있습니다. ● 『타입스크립트와 Next.js로 완성하는 웹 애플리케이션』의 특징 》 비전공자, 동시에 입문자의 시각에서 접근합니다. 》 불필요한 이론은 과감히 생략하고, 실전 프로젝트 중심으로 구성했습니다. 》 클라우드와 로컬 환경을 모두 경험할 수 있습니다. 》 작은 예제를 먼저 경험하고, 핵심적인 내용은 되짚어 설명합니다. 》 데이터 수집·자동화·시각화까지 최신 풀스택 기술을 한 권에 담았습니다. ● 『타입스크립트와 Next.js로 완성하는 웹 애플리케이션』에서 다루는 내용 》 GitHub Codespaces, Vercel, Cursor를 통한 개발 환경 구축 》 타입스크립트 문법과 Next.js 백엔드 구현 》 Cheerio, Puppeteer, Playwright를 활용한 데이터 수집 및 API 호출 》 Supabase와 SQL, Elasticsearch를 통한 데이터베이스 구축과 검색 》 Vercel Cron Jobs를 통한 자동화와 보안 》 React 컴포넌트, Tailwind CSS, 동적 라우팅을 통한 프론트엔드 구현 ● 『타입스크립트와 Next.js로 완성하는 웹 애플리케이션』을 읽어야 하는 당신 》 웹 개발을 처음 시작하는 입문자 》 최신 풀스택 기술(TypeScript, Next.js, React, Node.js)을 빠르게 경험하고 싶은 학습자 》 클라우드와 로컬 환경을 모두 활용해 보고 싶은 개발자 지망생 》 데이터 수집·자동화·시각화까지 한 권으로 정리하고 싶은 직장인/학생