김기수  | 길벗

37,800원  | 20250901  | 9791140715541

React 19와 TypeScript, 기초부터 실무까지 한 권에! 최신 리액트 기능과 실무 패턴을 가장 빠르고 확실하게 익히는 입문서 최신 리액트 19와 타입스크립트를 기반으로, 기초 개념부터 실무 패턴까지 한 번에 익힐 수 있도록 구성한 리액트 입문서입니다. JSX, 컴포넌트 구조, props와 state, 이벤트 처리 등 기본기를 탄탄히 다지고, 상태 관리, 스타일링, 라우팅, 폼 처리, 비동기 데이터 통신 등 실무 필수 기술을 체계적으로 학습할 수 있습니다. 변화가 빠른 프런트엔드 생태계에서도 자신 있게 적응할 수 있는 실력을 길러줍니다.

김기수  | 길벗

21,600원  | 20230925  | 9791140706389

웹 개발자가 되고 싶은데 어떻게 시작해야 할지 막막한가요? 나무가 아닌 숲을 보고 프런트엔드 공부 방향을 설정해보세요! 프런트엔드 로드맵을 따라가며 웹 개발에서 다루는 언어, 기술, 도구 등을 살펴보고 학습 순서와 방법을 조언합니다. 다양한 기술 속에서 무엇을 어디서부터 공부해야 할지 막막한 입문자를 위해 기초부터 심화까지 웹 개발자로서 성장 과정을 안내합니다. 실습 없이 예시 코드, 도식, 캡처 화면 등을 제시하면서 설명해 해당 기술을 간접적으로 체험하고 이해할 수 있습니다. 책을 다 읽고 나면 프런트엔드 개발 전체를 볼 수 있는 시야를 가지게 됩니다.

히라노 마사시  | 제이펍

23,400원  | 20240102  | 9791192987552

지금이라도 알아두면 쓸데 있는 취약성 관리 대책 프런트엔드 분야의 발전으로 다양한 기능과 UI를 개발할 수 있게 됐지만, 그만큼 프런트엔드와 관련된 보안 문제도 많아졌다. 이 책은 보안 관련 경험이 적은 프런트엔드 개발자를 대상으로 하며, 프런트엔드 보안 이슈, 취약성을 갖는 구조와 대책을 그림과 코드로 쉽게 이해할 수 있도록 구성했다. 보안 관련 경험이 있는 독자라면 실습을 통해 취약성 대책을 복습하고 최신 보안 정보도 얻을 수 있을 것이다. 보안 사고를 방지하고 취약성을 최소화하는 데 필요한 실무 지식을 빠르게 습득해보자.

요시이 다케후미  | 제이펍

25,200원  | 20240621  | 9791193926260

지금이라도 알아두면 쓸데 있는 테스트 자동화 전략 최신 웹 애플리케이션에서는 품질과 유지보수성을 위해 테스트 자동화가 중요하지만, 테스트 코드를 작성해본 경험이 없어 테스트 코드 작성을 어려워하는 개발자가 많다. 이 책은 테스트 코드를 처음 작성하는 프런트엔드 개발자를 대상으로, 기본적인 테스트 코드 작성법은 물론 상황별 테스트 코드 작성법, 다양한 도구 사용법까지 풍부한 예제와 함께 설명한다. 특히 타입스크립트, Next.js로 만든 예제를 포함하고 있어 최신 실무 지식과 노하우를 익힐 수 있다. 한국어판 부록으로 깃허브 액션에서의 UI 컴포넌트 테스트와 E2E 테스트를 추가 수록해 완성도를 더욱 높였다.

이재성, 한정  | 비제이퍼블릭

29,700원  | 20211129  | 9791165921057

드디어, 최초의 개론서가 나왔습니다! 프런트엔드의 개념과 원리를 모두 담은 “프런트엔드의 정석” 1. 개념과 실습, 적용과 효율을 모두 잡은 도서! 탄탄하게 개념을 잡고, 개념을 바로 적용하며 이해할 수 있도록 실습 활동을 추가했습니다. 현업에 적용할 수 있는 기술과 업무의 효율을 높여주는 기술, 모두 놓치지 않고 담았습니다. 두 마리의 토끼를 다 잡고 싶은 욕심꾸러기 독자분께 적합합니다. 2. 개론서로 두고두고 보고 싶은 도서! 무엇이든 제대로 공부하기 위해서는 개론서 하나쯤은 필요합니다. 하지만 막상 어떤 도서를 개론서로 보며 공부해야 할지 모르는 독자분께 도움을 줍니다. 더 이상 어떤 책으로 공부할지 고민하지 마세요. ‘기초부터 완성까지, 프런트엔드’가 정답입니다. 3. 최신 WEB 기술을 반영한 가장 트렌디한 도서! 베타 리더들이 인정한, 최신 WEB 기술까지 완벽하게 반영된 도서! 특히 프런트엔드에서 트렌디함은 매우 중요한 요소입니다. 최신 WEB 기술까지 꼼꼼하게 반영했습니다.

Florian Rappl  | 위키북스

25,200원  | 20230324  | 9791158394080

마이크로 프런트엔드 아키텍처로 복잡성을 해결하고 단일 장애 지점을 제거하자! 마이크로 프런트엔드는 소프트웨어 개발의 마이크로서비스 개념에서 차용한 프런트엔드 개발을 위한 웹 아키텍처로, 프런트엔드의 복잡성과 단일 장애 지점을 피하기 위해 프런트엔드의 각 모듈을 독립적으로 개발하고 출시한다. 이 책은 따라 하기 쉬운 가이드 형식으로 실습 튜토리얼, 프로젝트 및 자가 평가 질문으로 구성돼 있으며, 마이크로 프런트엔드 솔루션을 구현하는 데 사용할 수 있는 패턴을 안내한다. 마이크로 프런트엔드 일반, 다양한 아키텍처 스타일과 사용 영역, 마이크로 프런트엔드로의 변경에 대비하여 팀을 준비하는 방법, 확장성을 위해 UI 디자인을 조정하는 방법 등을 배울 수 있으며, 마이크로 프런트엔드 아키텍처의 가장 단순한 변형부터 시작하여 정적 접근 방식에서 더 빠른 릴리스 주기로 확장성을 극대화할 수 있는 완전 동적 솔루션까지 다룬다. 마지막 장에서는 마이크로 프런트엔드와 관련된 다양한 사례 연구를 통해 얻은 지식을 강화할 수 있다. ★ 이 책에서 다루는 내용 ★ ◎ 올바른 마이크로 프런트엔드 아키텍처를 선택하는 방법 ◎ 컴포지션 UI를 위한 화면 디자인 ◎ 마이크로 프런트엔드 솔루션을 위한 뛰어난 개발자 경험 만들기 ◎ 마이크로 프런트엔드로 향상된 사용자 경험 달성 ◎ 분산된 프런트엔드 관리를 위한 거버넌스 및 경계 검사 도입 ◎ 처음부터 또는 기존 모놀리스를 마이그레이션하여 확장 가능한 모듈식 웹 애플리케이션 구축

김기수  | 길벗

29,925원  | 20240610  | 9791140713844

프런트엔드 개발! Vue.js로 쉽게 시작할 수 있습니다. 이 책은 뷰를 빠르게 배울 수 있는 Vue 2의 옵션스 API부터 애플리케이션 로직을 더 유연하고 조직적으로 구성할 수 있는 Vue 3의 컴포지션 API까지 다룹니다. 또한, 라우팅 기능을 사용해 애플리케이션의 유연성과 효율성을 높이는 방법, Pinia로 컴포넌트의 상태를 효율적으로 관리하는 방법, 뷰를 활용해 데이터 통신하는 방법 등을 익혀 웹 개발 경험을 한 단계 더 발전시킬 수 있습니다. 프런트엔드 개발을 처음 해 보는 사람도 이 책을 보며 쉽게 따라 할 수 있습니다. 개념과 문법을 익힐 수 있는 기본 예제는 물론 파트별로 배운 내용을 확인할 수 있는 실습 예제와 도전 과제를 제시합니다. 마지막 장에서는 ‘날씨 애플리케이션 만들기’ 프로젝트를 진행하며 뷰를 사용해 프런트엔드 개발을 어떻게 하는지 경험할 수 있습니다.

김지한, 하성욱, 장기효, 윤정현, 손찬욱  | 제이펍

15,300원  | 20230504  | 9791192987118

프런트엔드의 매력에 푹 빠진 네이버 개발자 8인의 성장담 사용자 경험의 첫인상을 결정하는 프런트엔드는 웹 기술 발전과 함께 그 중요성이 갈수록 높아지고 있다. 10명 중 9명(약 4500만 명)이 이용하는 국내 1위 네이버는 어떻게 프런트엔드를 만들고 있을까? 《네이버 프런트엔드 개발자입니다》는 네이버에 몸담고 있는 프런트엔드 개발자 8인의 개발과 성장 이야기를 엮은 책이다. 8인은 임베디드, 아키텍트, 전기전자공학 전공 등 다양한 배경을 가지고 있지만, 현재는 모두 프런트엔드에 푹 빠져 있다. 어떤 과정을 거쳐 네이버에 합류했는지, 프런트엔드 개발자란 어떤 일을 하는지, 그리고 계속 성장하려면 무엇을 어떻게 공부해야 하는지(예: 리액트만 잘하면 되나요? 아닙니다) 현직 종사자들의 생생한 목소리를 담았다. 프런트엔드 개발은 전문 영역으로 인정받고 있음에도, 개발자 수명이 짧다는 등의 편견도 여전히 존재한다. 책 곳곳에는 프런트엔드를 꿈꾸는 취업 준비생들의 의문을 해소해줄 솔직담백한 조언이 담겨 있다. 현업 개발자라면 국내 프런트엔드 최전선의 실제 사례와 노하우를 통해 자신의 커리어 플랜을 세우는 데에 통찰을 얻을 수 있을 것이다.

Kinsbruner, Eran  | 제이펍

25,200원  | 20230707  | 9791192987163

웹 애플리케이션을 테스트하는 것은 프런트엔드 개발자에게 결코 쉬운 일이 아니다. 다만, 테스트 자동화 프레임워크의 기능을 적극 활용한다면 그 수고를 최소한으로 줄일 수 있다. 다행히도 웹 애플리케이션이 복잡해지면서 테스트 자동화도 함께 발전하고 있다. 이 책은 셀레늄, 사이프러스, 퍼피티어, 플레이라이트 같은 강력한 프레임워크를 소개하고, 해당 프레임워크의 테스트 커버리지 기능을 활용하기 위한 가이드 역할을 한다. 현재 시장을 주도하고 있는 4개 주요 오픈소스 테스트 자동화 프레임워크의 고유한 기능과 그 장단점을 살펴보고, 앱의 변경에도 중단되지 않는 테스트를 생성하도록 각 프레임워크를 설정하는 방법을 알아보자.

오정민  | 루비페이퍼

20,700원  | 20230426  | 9791193083000

프런트엔드 웹 개발을 위한 HTML+CSS 핵심 문법 기초 태그부터 최신 반응형 웹까지 일주일 완성! 실력 있는 프런트엔드 웹 개발자가 되려면 HTML, CSS 기본기를 튼튼하게 쌓아야 합니다. 웹의 개념과 구조를 잘 이해하고, 이를 자유자재로 표현할 수 있는 능력을 갖추는 것이 매우 중요합니다. 이 책은 웹 개발에 필요한 기본 소양을 모두 담아, 누구나 쉽게 프런트엔드 웹에 입문할 수 있도록 도와줍니다. 또 단순히 이론만 읽고 끝내는 것이 아닌 확실한 코딩 실력 향상을 위해 직접 따라 할 수 있는 210개의 풍성한 예제도 담겨 있습니다. HTML, CSS의 기초 문법뿐만 아니라, 실전에서 바로 쓰는 예제까지 웹의 기본을 이 책 한 권으로 끝내 보세요!

WINGS 프로젝트, 사이토 신조  | 한빛미디어

32,400원  | 20250106  | 9791169213325

Composition API와 타입스크립트로 모던 Vue 마스터하기 이 책은 Vue.js와 타입스크립트를 활용한 프런트엔드 개발을 처음부터 끝까지 안내하는 실전 입문서입니다. Vue 3의 최신 기능인 Composition API, 상태 관리를 위한 Pinia 그리고 페이지 전환을 돕는 Vue 라우터를 기반으로 싱글 페이지 애플리케이션(SPA)을 만드는 과정을 실습과 함께 차근차근 설명합니다. 특히 실습 중심의 핸즈온 형식으로 진행되므로 직접 코드를 입력하고 실행해보며 Vue 3와 타입스크립트를 체계적으로 학습할 수 있습니다. Vue 3와 함께 프런트엔드 개발의 첫걸음을 자신 있게 내디뎌보세요!

고경희  | 이지스퍼블리싱

0원  | 20151007  | 9788997390755

잘나가는 웹 에이전시 선배들에게서 배울 수 있는 최신 웹 디자인 기법 총정리! 웹 퍼블리셔 & 웹 기획자 & 웹 디자이너의 필수 코스를 다룬 이 책은 “이렇게 생긴 웹사이트 UI는 뭐라고 부르나요?”라는 궁금증이 생겨도 대답해줄 사람이 없는 독자들을 위해 알기쉽게 소개한다. [프런트엔드 웹 디자인 입문]은 유명 웹 에이전시에서 열에 아홉은 사용한다는 반응형 웹, 부트스트랩, 카드 UI, 풀 스크린 배경, 패럴랙스 스크롤링, 구글 웹 폰트까지 최신의 웹 디자인 기법만을 골라 담았다. 웹사이트의 디자인을 어떻게 시작해야 할지 막막했던 초보자부터 웹 디자인 트렌드를 파악하는 데 어려움을 느꼈던 실무자까지 유용한 정보를 제공한다.

박승현  | 길벗

27,360원  | 20211229  | 9791165218164

이 책은 웹프로그래밍에 대해 다룬 도서입니다. 기초적이고 전반적인 내용을 확인할 수 있도록 구성했습니다.

김근영  | 비제이퍼블릭

18,720원  | 20220125  | 9791165921132

웹 애플리케이션 개발을 위한 「Svelte 실전 가이드」 웹 프런트엔드 기초부터 실전 SNS 프로젝트까지 스벨트의 장점과 기능, 기존 프런트엔드 프레임워크와의 차이점 그리고 스벨트가 실전 프로젝트에 어떻게 사용되는지 소개한다. 또한, 실제 백엔드 서버가 있는 환경에서 ‘Todo 서비스’와 ‘SNS 서비스’를 효과적으로 구현한다. 이 과정에서 단순히 하나의 프레임워크를 익히는 것을 넘어 컴포넌트, 상태값, 비동기통신 등 프런트엔드 개발자라면 알아야 하는 기본기를 익힐 수 있다. 이 책을 통해 스벨트 문법을 체계적으로 공부하고 간결한 코드로 웹 프런트엔드를 빠르게 개발해 나가며 스벨트의 매력을 제대로 느껴볼 수 있을 것이다. 이 책을 통해 얻을 수 있는 것 - Svelte 프레임워크 활용 및 응용 스킬 - 프런트엔드 개발 과정에 대한 전반적인 이해 - 화살표함수, map, filter 등 모던 자바스크립트 문법의 이해 - axios를 이용해 백엔드 서버와 효율적으로 통신하는 방법 - 토큰을 이용해 인증과정을 프런트엔드에 적용하는 방법 - SNS 서비스 제작을 통한 실전 개발 프로젝트 경험 - rollup.js 번들러의 이해 - 무한스크롤, 폼검증, 쉬운날짜보기 등 실무에 바로 적용 가능한 프런트엔드 스킬

김윤미  | 이지스퍼블리싱

22,500원  | 20230808  | 9791163034940

프런트엔드 UI 개발의 전체 과정을 실무 프로젝트로 배운다! Vue.js와 부트스트랩 뷰를 활용한 SPA 만들기! 웹어워드코리아(i-award.or.kr)에서 대상과 최우수상을 수상한 17년 차 프런트엔드 개발자가 알려 주는 방법 그대로 웹 사이트 하나를 통째로 만든다. 텅 빈 화면에서 시작해 한 줄씩 코딩하다 보면 조금씩 완성되는 사이트를 눈으로 확인할 수 있다. 웹 프런트엔드 UI를 개발할 때 알아야 할 다양한 기법과 HTML, CSS 활용법을 설명하고, HTML 요소에 데이터를 연결하여 동적인 콘텐츠를 만드는 방법을 배울 수 있다. 기존의 웹 퍼블리셔라면 프런트엔드 개발자로 첫걸음을 내디딜 수 있으며, 사용자 경험을 고려한 UI 개발을 배우려는 개발자에게도 도움을 준다.