![[리액트 1부] 만들면서 학습하는 리액트: 준비편](https://alldevblogs.blob.core.windows.net/thumbs/article-1f3e0dd35ed5-full-41dfa512.webp)
리액트를 실습 위주로 배우는 연재글의 준비편. 쇼핑몰 검색 화면을 만들며 리액트 기초를 익히는 환경 구성법을 소개한다.
2020년 30개 포스팅을 발행했다. 매년 블로그에 50개 글을 쓰겠다고 계획을 세우는데 거의 달성해 본 적이 없었다. 이런 목표는 달성보다는 방향에 의미가 있는 것 같다. 마치 옛 뱃사람들의 북극성처럼 말이다. #재택근무 2020년 가장 기억에 남는 건 코로나 19
프론트엔드 개발자의 역할 변화: 자바스크립트 중심에서 HTML/CSS까지 포함하는 전체 웹 개발로 확장되는 과정을 설명합니다.
AWS 서버리스 아키텍처를 활용한 웹 애플리케이션 구축 경험과 Node.js, React.js를 이용한 인프라 구성 방법을 소개합니다.
styled-components를 사용한 React 컴포넌트 스타일링 방법과 기존 Sass 방식과의 비교 분석
Gatsby.js 정적 사이트 생성기의 기능, 개발 환경, GraphQL 데이터 접근, 성능 최적화 및 확장성에 대한 개요와 사용법을 소개합니다.
타입스크립트 개발에서 인터페이스 사용의 한계를 경험하고, 클래스를 활용한 객체 지향 프로그래밍의 장점을 탐구합니다.
리액트 라우터를 사용하여 사용자 권한(인가)에 따라 라우팅을 제어하는 방법을 설명하는 기술 가이드입니다.
타입스크립트와 리액트에서 리덕스를 사용하는 방법을 설명합니다. 액션, 리듀서, 스토어 설정 방법을 다룹니다.
타입스크립트와 React Router를 사용하여 메모장 애플리케이션을 만드는 방법을 단계별로 설명하는 실용적인 가이드입니다.
React Hooks를 사용하여 컴파운드 컴포넌트 패턴을 함수형 컴포넌트로 리팩토링하는 방법을 설명합니다.
앤트 디자인 프레임워크를 사용한 웹 어드민 개발 방법과 UX 디자인 원칙에 대한 소개 및 실습 가이드
React와 Node.js 백엔드를 단일 서버로 통합하고 CI/CD 파이프라인을 구축하는 방법에 대한 기술 가이드입니다.
React.js 프로젝트에서 create-react-app, react-app-rewired, react-router 등 주요 기술 스택을 사용한 어드민 사이트 개발 경험을 공유합니다.
데스크탑과 모바일 UI 컴포넌트를 효율적으로 확장하는 방법으로 OLOO 패턴과 Vue.js 믹스인을 활용한 코드 재사용 전략 소개
