- 책 정보모듈, 믹스인, 관찰자, 중재자 패턴을 포함한 최신 디자인 패턴을 자바스크립트와 리액트에 적용하는 방법을 소개한다. 그리고 코드 스플리팅, 서버 사이드 렌더링 등 실무에 필요한 성능과 렌더링 관련 내용을 실용적인 예제와 함께 설명한다. 또한, 여러 안티 패턴도 함께 다루고 있어 웹 개발을 할 때 흔하게 발생하는 실수를 줄이는 노하우까지 배울 수 있다. 이 책에 담긴 20가지 이상의 디자인 패턴을 익혀 더 나은 웹 개발자에 한 걸음 더 다가가 보자.- 도서 리뷰이 책은 다양한 디자인 패턴을 자바스크립트와 리액트 환경에서 어떻게 적용할 수 있는지를 설명하고 있다. 모듈, 믹스인, 관찰자, 중재자 패턴을 비롯해, 각각의 패턴이 어떻게 동작하는지와 실제로 적용할 수 있는 코드 예제를 통해 체계적으로 ..

- 책 정보타입스크립트의 주요 목적은 자바스크립트 개발자의 생산성과 효율성을 높이는 데 있다. 두 언어의 공생 관계를 이해해야 타입스크립트의 진정한 잠재력을 발휘할 수 있다.이 책은 자바스크립트와 타입스크립트 사이의 복잡한 관계를 이해하는 데 도움을 준다. 심층적인 설명을 통해 타입스크립트를 효율적으로 사용하는 방법뿐만 아니라, 개념 뒤에 숨겨진 사고 과정도 이해할 수 있다. 형식 어서션, 제네릭, 또는 리액트와 같은 인기 있는 라이브러리, 프레임워크와 타입스크립트를 통합하는 데 어려움을 겪고 있다면, 이 책이 그 모든 문제를 해결해 줄 것이다. 이 책과 함께 타입스크립트의 진정한 잠재력을 발휘해 보자.- 도서 리뷰"실무로 통하는 타입스크립트"는 자바스크립트 개발자가 타입스크립트를 효과적으로 활용할 수 ..

- 도서 서평 도서 서평 내용 이 책은 SPA와 REST API 서버를 개발하는 과정을 실제 실무 코드와 함께 다루어, 프런트엔드 개발자로써 필수적인 기술을 습득할 수 있도록 도와준다. 타입스크립트 기반의 리액트 프로그래밍은 현대적인 웹 개발에서 매우 중요한 위치를 차지하고 있는데, 이 책은 그러한 추세를 반영하여 타입스크립트와 리액트를 함께 학습할 수 있는 효과적인 방법을 제시한다. 리액트 훅, 리덕스, 라우팅 등의 핵심 개념부터 테일윈드CSS를 활용한 스타일링까지 포괄적으로 다루면서, 초보자부터 숙련자까지 모두가 이해하기 쉽도록 설명되어 있다. 뿐만 아니라, 오류를 방지하고 성능을 향상시키는 최적화 기법과 타입스크립트의 글로벌 수준 코드 패턴에 대한 이해도 높일 수 있었고 이러한 내용을 토대로 프로젝..

- 리액트(React) 컴포넌트(Component) 생성하기 - 리액트로 Like 버튼 태그 생성하기(결과물)

1. 리액트(React)란? 사용자 인터페이스를 만들기 위한 JavaScript 라이브러리 React – 사용자 인터페이스를 만들기 위한 JavaScript 라이브러리 A JavaScript library for building user interfaces ko.reactjs.org 2. 리액트의 특징 사용자 인터페이스를 편하게 만들기 위해서 싱글 페이지 애플리케이션(화면 깜박임 없이 자연스럽게 페이지 이동) 앱 같은 경험을 웹에 적용 - 왜 사용하는가? 사용자 경험 : 앱 같은 경험을 웹에 적용하여 사용자 경험이 좋아진다. 데이터 화면 일치 : 데이터를 화면에 반영할 때 일치시키는 게 좋아진다. 재사용 컴포넌트 : 중복 요소를 하나로 묶어줘서 유지보수가 용이하다. 3. 사용 방법 - head 태그에 r..