본문 바로가기

자바스크립트

실무에 바로 적용하는 웹 접근성 가이드북 웹은 모든 사람에게 평등해야 한다 이 책은 웹 접근성을 고려한 개발이 단순한 규칙 준수를 넘어, 모든 사용자가 편리하게 웹을 이용할 수 있도록 돕는 강력한 방법임을 보여준다. 프런트엔드 개발자를 위해 웹 접근성 가이드라인, ARIA 활용법, 리액트 실습 예제를 체계적으로 정리했으며, API 문서처럼 활용할 수 있는 참고 자료까지 포함해 실무에서 곧바로 적용할 수 있도록 구성했다. 웹 접근성을 처음 배우는 입문자뿐만 아니라, 이미 경험이 있는 개발자에게도 더 나은 사용자 경험을 제공하는 방법과 실무 적용 노하우를 제시한다. 웹 접근성을 고려한 개발이 곧 더 효율적인 개발임을 이 책을 통해 직접 경험해보자. 도서구매 사이트(가나다순) [교보문고] [도서11번가] [알라딘] [예스이십사] [인터파크.. 더보기
웹 접근성… 그거 꼭 해야 해요? “그거 하면 속도 느려지지 않나요?”“스크린 리더 쓰는 분이 얼마나 되는데요?”“React에서 접근성 신경 쓰는 사람 진짜 있나요?” 자주 듣는 질문들이지만, 이 질문들이 생기는 건 당연합니다.왜냐하면 우리가 접근성을 제대로 배울 기회가 없었거든요.그래서 준비했습니다.그냥 이 책만 보면 되게요!이 책은 단순히 '접근성이 중요하다'를 말하는 데 그치지 않습니다.어떻게, 왜, 어떤 태그를, 어떤 속성을 써야 하는지React 컴포넌트를 중심으로 하나하나 뜯어보며 설명합니다.Accordion, Tab, Dialog, Slider…여러분이 지금 쓰고 있는 그 컴포넌트들을스크린 리더는 어떻게 읽을까요?키보드 탐색은 가능한가요?이 책은 그런 궁금증에 정확히 답합니다.이 책에서 가장 좋았던 건…접근성을 '기술적 의무'.. 더보기
LUVIT♥ 새로운 웹 개발의 시작 스벨트 프로젝트로 배우는 최신 웹 개발 프레임워크 스벨트는 간결한 문법과 뛰어난 성능으로 주목받는 최신 웹 개발 프레임워크다. 이 책은 스벨트의 기본 개념부터 고급 기능까지, 실습 프로젝트를 통해 깊이 있게 학습할 수 있도록 구성되었다. 컴포넌트와 데이터 관리의 기초를 배우는 My Bucket List, 스토어를 활용하여 데이터 목록을 구현하는 Best Tour 같은 간단한 프로젝트로 기본기를 다지고, 대규모 데이터 처리와 외부 API를 활용해 OTT 웹페이지를 모방한 무빙 프로젝트로 실무 감각을 익힐 수 있다. 또한, 라우터, 서버 데이터 통신, 애니메이션, 스토어 활용 등 개발 현장에서 유용한 기술을 다루며, 효율적인 프로젝트 구현 방법을 제시한다. 부록에서는 스벨트킷을 이용한 고성능 웹 앱 개발도 소개한다.. 더보기
2024 JavaScript Rising Star 3위! 지금 스벨트를 배워야 하는 이유 🚀 2024 JavaScript Rising Star에서 스벨트(Svelte)가 프레임워크 부문 3위에 올랐습니다!  리액트와 뷰가 주도하던 프런트엔드 생태계에서, 스벨트는 빠르고 간결한 개발 경험으로 점점 더 많은 개발자들의 선택을 받고 있습니다. 그렇다면 왜 많은 개발자들이 스벨트에 관심을 보이고 있을까요? ✅ 왜 스벨트인가?💡 가상 DOM 없이 더 빠르게! → 런타임 성능을 높여 최적화된 코드 제공💡 코드가 직관적! → 번잡한 설정 없이 바로 개발 시작💡 초보자도 쉽게 배울 수 있는 문법! → HTML, CSS, JavaScript를 그대로 활용 프런트엔드 개발을 더 쉽고 효율적으로 만들고 싶다면, 스벨트가 지금 가장 주목받는 대안이 될 수 있습니다. 복잡한 상태 관리와 성능 최적화에 대한 .. 더보기
실전 스벨트 & 스벨트킷 입문 MZ 개발자가 사랑하는 스벨트와 스벨트킷으로 UI & 웹 앱 개발 시작하기 단순함을 모티브로 만들어진 스벨트는 실용적이면서도 최소한의 API를 갖춘 세련된 프레임워크로 프런트엔드 개발자들에게 사랑받고 있다. 이 책은 스벨트의 기본 개념부터 프로젝트를 설정하여 개발을 시작하는 방법, 복잡한 UI 구축에 편리하게 사용할 수 있는 기능을 소개한다. 나아가 스벨트킷 프로젝트를 만들고, 서버를 포함한 쇼핑몰 사이트 웹 애플리케이션을 개발한다. 한국어판 부록에서는 스벨트킷 프로젝트에서 활용하는 Auth0, MongoDB Atlas, GitHub, Vercel 사용법을 설명한다. 자바스크립트 프레임워크에 익숙한 독자는 기존 UI 프레임워크에 비해 스벨트가 얼마나 슬림하고 유연한지 알 수 있고, 입문자는 스벨트를 통해.. 더보기
웹 개발 새로고침 웹 개발의 큰 그림을 보다 이 책은 웹 프로그래밍을 처음 배우려는 사람, 웹 프로그래밍의 전체 과정을 알고 싶은 사람을 위해 쓰였다. 먼저 웹 프로그램의 전체 구조와 작동 원리를 알아본 후 중고 서적 거래 서비스를 만드는 웹 프로그램을 구현해본다. 특정 프레임워크나 라이브러리에 종속되는 것을 최소화해서 HTML, CSS, 파이썬, 자바스크립트, 플라스크, 파이참, 익스프레스, Node.js를 사용해 실습하며, 컴퓨팅 클라우드와 웹 서버의 개념을 살펴본 후 웹 프로그램을 AWS에 배포하는 방법도 익힌다. 부록으로는 깃과 깃허브 사용법을 제공해 소스 코드를 체계적으로 관리할 수 있도록 했다. 도서구매 사이트(가나다순) [교보문고] [도서11번가] [알라딘] [예스이십사] [인터파크] [쿠팡] 전자책 구매 사.. 더보기
웹 개발을 새로 고친다니? 이게 뭔 소리래 《웹 개발 새로고침》을 편집하면서 가장 많이 들은 말이 “제목이 대체 무슨 뜻이냐”였습니다. 이 책에서 ‘새로고침’의 뜻은 이렇습니다. 현직자라면 알고 있던 웹 개발 지식을 최신 기술 트렌드로 ‘새로 고치고’, 입문자라면 처음부터 ‘새로 고친’ 지식으로 차근차근 배우고, 웹 개발을 하려면 프레임워크나 라이브러리부터 배워야 한다는 낡은 생각도 ‘새로 고칩니다’. 프레임워크나 라이브러리부터 배우지 않으면 뭘 배우냐고요? 바로 ‘웹 프로그램의 구조와 작동 원리’입니다. 웹 프로그램이 어떻게 생겨먹었는지, 어떻게 돌아가는지부터 알아야 새로운 프레임워크나 라이브러리를 써도 더 잘 쓰지 않을까요? 책에서는 웹 서비스와 웹 프로그램의 큰 그림인 구조와 작동 원리를 설명합니다. 웹 서비스를 구성하는 서버-클라이언트 모.. 더보기
[실무에 바로 적용하는 자바스크립트 코드 레시피 278]_오탈자 현재까지 발견된 이 책의 오탈자 정보와 오류, 그리고 보다 매끄러운 문장을 위해 수정한 내용을 안내해 드립니다. 번역과 편집 시에 미처 확인하지 못하고 불편을 끼쳐드려 죄송하다는 말씀을 드립니다. 아래의 오탈자 사항은 추후 재쇄 시에 반영하도록 하겠습니다. 이외의 오탈자 정보를 발견하시면 옮긴이(perfecris@naver.com)나 출판사(help@jpub.kr)로 연락주시면 고맙겠습니다.  최종수정일자: 2024년 6월 13일 1쇄본 오탈자 42쪽 본문 3행에서 (mimk79님 제보)0~10까지 => 0~9까지 19쪽 두 번째 칼럼 박스 (임O현 님 제보)콤마(,)로 구분하면 let 하나에 여러 개의 상수를 선언할 수 있다. let을 일일이 쓰는 데 걸리는 시간을 줄일 수 있다.=>콤마(,)로 구분하.. 더보기