#JavaScript
← View all tags-
React 감정 일기장 CRA 설치부터 index.js까지: 앱 구동 원리 완전 이해
React 초보자를 위한 감정 일기장 앱 만들기 시리즈 1편. Create React App으로 프로젝트를 생성하고, index.html부터 index.js까지 React 앱이 브라우저에서 어떻게 시작되는지 처음부터 차근차근 배워봅니다.
-
React Router로 감정 일기장 SPA 구현: 동적 라우팅·useParams·Link 실습 가이드
React Router로 Home, New, Diary, Edit 페이지를 만들고 URL에 따라 다른 화면을 보여주는 SPA를 직접 구현합니다. 동적 라우팅, useParams, Link 컴포넌트 사용법까지 실습 코드로 배워봅니다.
-
React useState로 감정 일기 데이터 관리하기: Editor 컴포넌트와 이벤트 핸들러 완벽 정리
React useState로 감정 일기 데이터를 관리하는 방법을 실습합니다. Editor 컴포넌트 구축과 날짜·감정·내용 입력 처리, 이벤트 핸들러 작성과 데이터 불변성 원칙까지 리액트 초보자를 위한 단계별 가이드입니다.
-
React 재사용 컴포넌트 설계: Props 통신 EmotionItem·Button·Header 실전
React 컴포넌트를 작은 부품으로 분리해 재사용성을 높이는 방법을 실습합니다. EmotionItem, Button, Header 컴포넌트를 직접 만들고 Props를 활용한 컴포넌트 간 데이터 통신 패턴까지 완벽히 마스터합니다.
-
React 감정 일기장 CRUD 완성: App.js onCreate·onUpdate·onDelete
React 감정일기장 시리즈 최종편! App.js에서 일기 데이터를 관리하고, CRUD 기능을 구현하여 완벽하게 작동하는 감정일기장 앱을 완성합니다. onCreate, onUpdate, onDelete까지 모든 기능을 통합합니다.
-
JSP·JSTL로 게시판 페이징·검색 구현: JavaScript 검색 조건 유지 패턴
Spring MVC 게시판 5편 — JSP·JSTL로 역동적인 목록 화면을 구현합니다. Bootstrap 페이지네이션 적용과 JavaScript 이벤트 처리로 페이지 이동 시 검색 조건을 유지하는 UX 최적화 패턴을 알아봅니다.