홈앤서비스 SK BROADBAND

‘풀스택 프론트&백엔드 웹 개발’

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

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 책에서 다 다루지 못한 프론트엔드 주요 개념들

책을 마무리하며
용어사전