본문 바로가기

프런트엔드

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번가] [알라딘] [예스이십사] [인터파크] [쿠팡] 전자책 구매 사.. 더보기
웹 개발을 새로 고친다니? 이게 뭔 소리래 《웹 개발 새로고침》을 편집하면서 가장 많이 들은 말이 “제목이 대체 무슨 뜻이냐”였습니다. 이 책에서 ‘새로고침’의 뜻은 이렇습니다. 현직자라면 알고 있던 웹 개발 지식을 최신 기술 트렌드로 ‘새로 고치고’, 입문자라면 처음부터 ‘새로 고친’ 지식으로 차근차근 배우고, 웹 개발을 하려면 프레임워크나 라이브러리부터 배워야 한다는 낡은 생각도 ‘새로 고칩니다’. 프레임워크나 라이브러리부터 배우지 않으면 뭘 배우냐고요? 바로 ‘웹 프로그램의 구조와 작동 원리’입니다. 웹 프로그램이 어떻게 생겨먹었는지, 어떻게 돌아가는지부터 알아야 새로운 프레임워크나 라이브러리를 써도 더 잘 쓰지 않을까요? 책에서는 웹 서비스와 웹 프로그램의 큰 그림인 구조와 작동 원리를 설명합니다. 웹 서비스를 구성하는 서버-클라이언트 모.. 더보기
프런트엔드 개발자를 위한 테스트 가이드 2024 세종도서 학술부문 우수도서 선정!프런트엔드 개발자를 위한 웹 애플리케이션 테스트 자동화 스킬 도서 구매 사이트(가나다순)  [교보문고]  [도서11번가]  [알라딘]  [예스이십사]  [인터파크]  [쿠팡]  전자책 구매 사이트(가나다순)  [교보문고]  [구글북스]  [리디북스]  [알라딘]  [예스이십사] 출판사 제이펍저작권사 Packt Publishing원서명 A Frontend Web Developer's Guide to Testing(ISBN: 9781803238319)도서명 프런트엔드 개발자를 위한 테스트 가이드부제 셀레늄, 사이프러스, 퍼피티어, 플레이라이트 오픈소스 테스트 자동화 프레임워크 교과서지은이 에란 킨스브루너옮긴이 김완섭감수자 (없음)시리즈 (없음)출판일 2023. 07... 더보기
프런트엔드 개발자라면 꼭 알아야 할 4가지 오픈소스 테스트 자동화 프레임워크 웹 애플리케이션 개발자라면 브라우저 및 디지털 기기와의 호환성을 고민해야만 합니다. 다양한 브라우저와 수많은 디지털 기기가 쏟아지는 현실에서 테스트 환경을 설정하고 유지하기란 정말 어렵습니다. 그렇지만 애플리케이션이 각 환경과 브라우저에서 제대로 호환되는지, 일관되게 동작하는지를 보장하기 위한 테스트는 피할 수 없는 과정입니다. 이러한 테스트를 좀 더 효율적으로 하는 방법은 없을까요? 테스트... 너는 왜 나를 힘들게 하는가 다행히도 우리에겐 테스트 자동화 프레임워크를 활용하는 방법이 있습니다. 애플리케이션의 품질과 안정성을 확보하면서 테스트 작업을 더욱 효과적으로 수행하기 위해서는 테스트 자동화가 중요합니다. 웹 개발 기술이 다양해지고 발전하는 만큼, 테스트 자동화 기술도 함께 발전하고 있습니다. 특히.. 더보기
실무에 안성맞춤인 자바스크립트 예제가 무려 278개! 별이 다섯 ㄱ... 아니 예제가 무려 278개! 이 정도 예제라면 자바스크립트 실무에 아니 익숙해질 수 없겠죠? 익히 알고 계시듯이 자바스크립트는 세세한 기능과 데이터 연동을 통해 다양한 동적 웹 페이지를 만들 수 있는 개발 언어로, 긴 역사를 자랑하지만 웹 개발 현장에서는 지금도 왕성하게 사용되고 있습니다. 이 책은 실무에서 자주 쓰는 코드를 선별하여 싣고, 기능별 분류 카테고리를 만들어 필요한 부분만을 참고하여 활용할 수 있도록 구성했습니다. 아울러 해설의 샘플 코드를 이용하여 동작을 확인하거나 응용과 변경을 통해 실제로 필요한 기능만을 구현할 수도 있습니다. 화려한 경력을 자랑하는 웹 개발 전문가 2인이 머리를 맞대고 실무에 꼭 필요한 예제 278개를 정리하였습니다. 프로그래밍을 하다 막히는 순간이.. 더보기