Vue 3와 타입스크립트로 배우는 프런트엔드 개발

책 · 이창현 · 예스24

지루한 코드 따라 치기는 이제 그만, 원리를 이해하고 화면으로 증명하는 모던 웹 개발 개발의 진짜 재미는 내가 작성한 코드의 논리를 이해하고, 그 결과물을 눈으로 확인할 때 느끼는 성취감에 있습니다. 특히 프론트엔드는 코드를 통해 화면이 세련되게 변화하는 결과물을 즉각적으로 확인할 수 있기에, 그 성취감이 더욱 클 수밖에 없습니다. 오늘날의 웹은 다양한 디바이스에 맞추어 유연하게 움직이는 반응형 레이아웃과, 페이지 새로 고침 없이 매끄럽게 동작하는 SPA(Single Page Application) 기반의 구조를 기본으로 합니다. 《모던 프론트엔드 입문자를 위한 HTML+CSS+JavaScript 기본부터 프로젝트 완성까지》는 바로 이 지점에서 출발했습니다. 가장 주안점을 둔 것은 기계적인 따라 치기를 넘어, 원리를 이해하고 결과 중심으로 주도적으로 학습하는 것입니다. 학습 과정에서 지루함을 느끼지 않도록 복잡한 이론 설명은 최소화하고, 대신 코드를 작성하면 UI(사용자 인터페이스)...

웹 개발 웹 퍼블리싱 로드맵 2개에 담김

책 · 박성재 · 예스24

Vue.js 기초 문법부터 Nuxt까지 한 권으로! 실무 흐름을 따라 배우는 프런트엔드 개발 입문서 AI 시대, 더욱 빠르고 효율적으로 웹 애플리케이션을 개발하고 싶은 학습자를 위해 『Do it! Vue.js+Nuxt 입문』이 출간되었다. 이 책은 직관적인 문법과 높은 생산성으로 많은 프런트엔드 개발자에게 선택받고 있는 Vue.js를 기초부터 차근차근 익히고, 실무 개발로 확장할 수 있는 Nuxt까지 함께 다룬 실습 중심 입문서다. 기초 문법과 컴포넌트 설계부터 Vue 3의 핵심인 컴포지션 API와 피니아(Pinia), 그리고 Nuxt까지 단계별 실습으로 안내한다. 먼저 개념을 이해한 뒤 바로 예제로 확인하고, 이를 실제 화면과 기능으로 구현해 보며 학습 내용을 직접 경험할 수 있게 구성했다. 특히 화면을 만들고 데이터를 연결하는 과정을 중심으로 3가지 프로젝트를 직접 완성하며, 작은 기능이 쌓여 하나의 웹 서비스로 이어지는 과정을 경험할 수 있다. 문법을 나열하는 데 그치지 않고,...

프론트엔드

책 · 안귀정 · 예스24

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

프론트엔드 백엔드 풀스택 로드맵 1개에 담김

책 · 강경석 · 예스24

현명한 프론트엔드 개발자로 가는 실무서! 이 책은 단순히 리액트와 Next.js를 사용하는 법을 설명하는 것이 아닙니다. 실제 서비스를 만드는 프론트엔드 개발자의 시선에서, ‘어떻게 구성하고’, ‘왜 이렇게 설계하는지’에 대한 이유와 기준을 함께 제시합니다. 컴포넌트와 훅의 구조화, 서버/클라이언트 컴포넌트 분리, fetch 전략, 타입 안정성 확보, 메타데이터 구성, 번역 처리, 캐싱 전략, 데이터 페칭 등 실무에서 부딪히는 이슈들을 단순 기능이 아닌 “판단 가능한 설계”로 발전시키는 길을 보여줍니다. 총 14장으로 구성된 이 책은 크게 세 가지 파트로 전개됩니다. 1~6장: 프론트엔드 개발의 기초 프론트엔드 개발자로서 반드시 이해하고 넘어가야 할 언어적 기초와 핵심 개념들을 다룹니다. JavaScript와 TypeScript의 주요 개념은 물론, 리액트의 컴포넌트 구조, 상태 관리, 렌더링 방식 등 리액트 철학의 근간이 되는 기초 기술과 설계 사고방식을 배울 수 있습니다 7장~1...

웹 개발 프론트엔드 로드맵 1개에 담김

책 · 김기수 · 예스24

React 19와 TypeScript, 기초부터 실무까지 한 권에! 최신 리액트 기능과 실무 패턴을 가장 빠르고 확실하게 익히는 입문서 최신 리액트 19와 타입스크립트를 기반으로, 기초 개념부터 실무 패턴까지 한 번에 익힐 수 있도록 구성한 리액트 입문서이다. JSX, 컴포넌트 구조, props와 state, 이벤트 처리 등 기본기를 탄탄히 다지고, 상태 관리, 스타일링, 라우팅, 폼 처리, 비동기 데이터 통신 등 실무 필수 기술을 체계적으로 학습할 수 있다. 변화가 빠른 프런트엔드 생태계에서도 자신 있게 적응할 수 있는 실력을 길러준다. 각 장은 핵심 개념 설명과 실습 예제를 결합해 입문자도 무리 없이 따라갈 수 있도록 구성되었다. 전통적인 CSS부터 Tailwind CSS까지 다양한 스타일링 방법을 비교하며, React.memo, useCallback, useTransition 같은 성능 최적화 기법과 리액트 19의 새로운 기능을 예제를 통해 자연스럽게 익힌다.

프론트엔드

책 · 조용수 · 예스24

실습 프로젝트로 익히는 타입스크립트 타입스크립트는 자바스크립트의 슈퍼셋 언어로, 웹 개발 및 대규모 프로젝트에서 널리 채택되고 있다. 이 책은 타입스크립트의 기본 개념부터 핵심 문법, 고급 기능까지 살펴보고, 나만의 블로그를 만드는 실습 프로젝트를 통해 깊이 있게 학습할 수 있도록 구성되었다. 프로젝트는 리액트 컴포넌트로 웹페이지를 구축하고, Tailwind CSS를 사용해 CSS를 적용하고, NestJS 서버를 구축하고, 몽고DB에 데이터를 저장하고, 마지막에는 리액트와 NestJS를 연결하여 웹 앱 개발의 전체 과정을 경험해볼 수 있도록 구성했다. 빠르게 타입스크립트를 시작하고 최신 프런트엔드 개발을 익혀보자.

프론트엔드 풀스택 프로그래밍 언어