[도서서평] 이지스퍼블리싱 <Do it! 자바스크립트+제이쿼리 입문> 도서 서평📖 [171개 예제로 기본 잡고, 반응형 웹부터 실무 활용 플러그인까지!]
·
◐ 기타/개발도서 서평🔍
- 이지스퍼블리싱  도서 서평도서 서평 내용이 책은 자바스크립트와 제이쿼리를 처음 접하는 입문자에게 최적화된 가이드이다. 초보자가 부담 없이 학습할 수 있도록 171개의 실습 예제를 포함해 기초 문법에서부터 시작하며, 이를 통해 프로그래밍의 기본기를 탄탄히 다질 수 있다. 특히, 단순히 코드를 따라 쓰는 것이 아닌, 실생활에서 유용한 웹 프로젝트를 제작하는 과정을 담고 있어 학습에 대한 동기 부여와 함께 실질적인 성취감을 준다.책의 중반부에서는 자바스크립트의 확장 개념인 제이쿼리를 다루며, DOM 조작, 이벤트 처리, 그리고 다양한 플러그인 활용법까지 체계적으로 설명한다. 이를 통해 독자들은 단순한 코딩 기술을 넘어 동적인 웹 사이트 제작의 핵심 요소를 이해할 수 있다. 특히 Ajax와 같은 비동기 처리..
[도서리뷰] 실전 코드로 배우는 Vue.js - Vue 3 기초부터 Vue 라우터와 Pinia를 사용한 프로젝트 구축까지
·
◈ 공부모임/나는 리뷰어다🌾
- 책 정보최신 기술 흐름을 반영해 Vue 3의 핵심 기능을 실무에 바로 적용할 수 있도록, 실용적인 코드 예제와 함께 구체적으로 설명한다. 컴포지션 API, Pinia, 라우터 설정, 그리고 서버 사이드 렌더링 등 현대 웹 애플리케이션 구축에 필수적인 주제들을 상세히 소개한다. 또한, 최신 프런트엔드 개발 트렌드에 맞춘 단위 테스트, CI/CD 통합, 트랜지션 및 애니메이션 기능까지 설명하며 실전에서 바로 사용할 수 있는 프로젝트를 구축하는 방법을 제시한다.- 도서 리뷰이 책은 Vue의 기본 동작 원리와 구체적인 활용법을 상세히 다루면서도, 초보자와 중급자 모두 쉽게 따라할 수 있는 친절한 설명을 제공한다. 기초적인 Vue 인스턴스 구성부터 시작해 고급 컴포넌트 간 통신 방법, API를 통한 데이터 통..
[도서리뷰] 자바스크립트 + 리액트 디자인 패턴 - 자바스크립트와 리액트의 최신 패턴과 렌더링, 성능 패턴까지
·
◈ 공부모임/나는 리뷰어다🌾
- 책 정보모듈, 믹스인, 관찰자, 중재자 패턴을 포함한 최신 디자인 패턴을 자바스크립트와 리액트에 적용하는 방법을 소개한다. 그리고 코드 스플리팅, 서버 사이드 렌더링 등 실무에 필요한 성능과 렌더링 관련 내용을 실용적인 예제와 함께 설명한다. 또한, 여러 안티 패턴도 함께 다루고 있어 웹 개발을 할 때 흔하게 발생하는 실수를 줄이는 노하우까지 배울 수 있다. 이 책에 담긴 20가지 이상의 디자인 패턴을 익혀 더 나은 웹 개발자에 한 걸음 더 다가가 보자.- 도서 리뷰이 책은 다양한 디자인 패턴을 자바스크립트와 리액트 환경에서 어떻게 적용할 수 있는지를 설명하고 있다. 모듈, 믹스인, 관찰자, 중재자 패턴을 비롯해, 각각의 패턴이 어떻게 동작하는지와 실제로 적용할 수 있는 코드 예제를 통해 체계적으로 ..
[JS] 브라우저 URL에서 매개변수 값 추출하기 [JavaScript의 URLSearchParams 활용]
·
◎ JavaScript/JavaScript🦎
- 브라우저 URL에서 매개변수 값 추출하기 웹 애플리케이션을 개발하다보면 종종 현재 페이지 URL에서 특정 매개변수 값을 추출해야 할 때가 있다. 이를 위해서는 JavaScript를 사용하여 URL을 파싱하고 필요한 정보를 추출해야 한다. 이번 글에서는 JS의 URLSearchParams 객체를 활용하여 브라우저 URL에서 매개변수 값을 추출해 볼 것이다. 이 객체를 사용하면 URL의 쿼리 문자열을 쉽게 파싱하여 매개변수 값을 가져올 수 있다. 아래는 getValueFromPreviousPage 함수를 통해 이전 페이지에서 특정 매개변수 값을 가져오는 예제이다. 이 함수는 페이지가 로드될 때 실행되어 이전 페이지에서 전달된 매개변수 값을 추출하고, 해당 값이 존재하면 추가적인 작업을 수행한다. // 이..
[JS] 정규표현식으로 URL 검증하기 [간단한 형태의 URL을 체크하는 정규표현식 만들기]
·
◎ JavaScript/JavaScript🦎
- 정규표현식으로 URL 검증하기 URL을 체크하기 위한 정규표현식은 다양한 형식의 URL을 모두 고려하여야 한다. 다음은 간단한 형태의 URL을 체크하는 정규표현식이다. const urlRegex = /^(http|https):\/\/[\w\-]+(\.[\w\-]+)+[/#?]?.*$/; 이 정규표현식은 다음과 같은 URL 형식을 허용한다. http:// 또는 https://로 시작하는 URL 도메인 이름 (예: example.com) 옵션: 경로, 쿼리 문자열, fragment 등 - 정규표현식에 대한 설명 1) ^(http|https) URL은 "http://" 또는 "https://"로 시작해야 한다. 이 부분은 "http" 또는 "https" 문자열을 나타내며, "|"를 사용하여 둘 중 하나를 ..