super.SHY();

📅 2025-12-17 개발 일지: Spring RESTful 심화 및 Java Stream 활용핵심 요약: 비동기 댓글 처리를 위한 서비스/컨트롤러 설계 및 Java Stream API를 활용한 효율적인 데이터 처리 로직 학습 🍃 Spring Framework: 댓글 서비스 및 RESTful 설계1. ReplyService 개발 및 트랜잭션 관리서비스 계층 역할: Ajax 처리를 담당하는 컨트롤러의 요청에 맞춰 비즈니스 로직 수행핵심 설정:트랜잭션 처리: @Transactional 어노테이션을 통한 데이터 무결성 보장의존성 주입: @RequiredArgsConstructor를 활용하여 ReplyMapper 자동 주입주요 어노테이션: @Service, @Transactional, @Log4j22. 예..

📅 2025-12-16 개발 일지 및 학습 기록핵심 요약: 리액트 기반 개인 프로젝트 'Creative Archive' 작업 집중 및 MyBatis를 활용한 CRUD 구현, RESTful 기반 댓글 시스템 구축 실무 실습 1. 개인 프로젝트 집중 개발 (오전)작업 내용: Creative Archive (리액트 포트폴리오) 컴포넌트 설계 및 고도화중점 사항: 프로젝트 폴더 구조 최적화 및 상세 페이지와 목록 간의 데이터 연동 로직 점검2. MySQL: 데이터베이스 기초 다지기 (14:10 ~ 16:00)학습 자료: 데이타베이스기초_db1-v20250831 기반 실무 실습핵심 목표: 관계형 데이터베이스의 스키마 설계 원리 이해 및 효율적인 데이터 정합성 확보 기법 습득3. Spring 6 Legacy: M..

🎨 Creative Archive: React 포트폴리오 프로젝트 정리핵심 요약: React와 Redux Toolkit을 활용한 카탈로그형 포트폴리오 웹사이트 개발 과정 및 핵심 설계 전략 요약 📝 프로젝트 개요 및 목적프로젝트명: Creative Archive (크리에이티브 아카이브)한 줄 소개: React로 구현한 개인 디자인 포트폴리오 아카이빙 웹사이트개발 기간: 2025-12-15 ~ 2025-12-19 (총 5일)주요 목적:React 컴포넌트 설계 및 상태 관리 실무 능력 배양카탈로그형 UI 패턴(목록 → 상세) 구현 및 반응형 레이아웃 적용필터링, 검색, 정렬 등 사용자 인터페이스 편의 기능 실습🎯 주요 기능 및 특징홈 페이지: 디자인 작업물 카드 그리드 레이아웃 구성카테고리 필터: 뉴스..

📅 2025-12-12 개발 일지: Spring RESTful 전환 및 검색 로직 최적화핵심 요약: 스프링 레거시 프로젝트의 RESTful 댓글 기능 구현을 위한 Jackson 라이브러리 설정 및 상세 페이지 이동 시 검색 파라미터 유지 로직 수정 🍃 Spring Framework: RESTful 및 댓글 처리 (Ch.8)Jackson 라이브러리 의존성 추가: 서버에서 클라이언트로 객체를 JSON 형태로 변환하여 전송하기 위해 jackson-databind 및 jackson-core 설정의존성 설정 (pom.xml): 최신 버전인 2.20.0을 적용하여 비동기 통신 환경 구축RESTful 전환의 목적: 화면 전환 없이 데이터를 주고받는 현대적인 웹 통신 구조(AJAX/Fetch) 대응🛠️ 검색 로직..

🚀 React 프로젝트 GitHub Pages 배포 가이드핵심 요약: gh-pages 패키지를 사용하여 특정 프로젝트의 빌드 파일을 별도 브랜치에 자동으로 푸시하고 배포하는 최적화 프로세스 1. gh-pages 패키지 개념 및 역할패키지 정의: dist나 build 폴더의 결과물을 gh-pages 브랜치로 자동 업로드하는 배포 도우미 툴작동 원리: npm run deploy 실행 시 빌드 폴더 생성 및 브랜치 푸시 후 GitHub Pages를 통한 호스팅 연동2. 단계별 환경 설정패키지 설치: 프로젝트 루트 경로에서 개발 의존성으로 추가Bashnpm install --save-dev gh-pagespackage.json 스크립트 구성: 빌드와 배포를 한 번에 처리하는 자동화 설정"predeploy": ..

🍃 Spring: 페이징 처리 및 동적 쿼리데이터가 많아질수록 서버 부하를 줄이기 위해 데이터를 쪼개서 가져오는 페이징(Pagination)과 검색 조건에 따라 SQL이 변하는 동적 쿼리가 핵심1. 페이징 처리 (Paging)Criteria: 페이지 번호(pageNum)와 한 페이지당 보여줄 개수(amount)를 전달하는 객체PageDTO: 화면에 페이지 번호(1~10)를 출력하기 위해 시작 번호, 끝 번호, 이전/다음 버튼 유무 등을 계산하는 객체2. 주요 어노테이션 정리어노테이션용도설명@RequestMapping클래스 레벨 매핑컨트롤러 전체의 기본 URL 경로 설정@PathVariable경로 변수/board/10 처럼 URL 경로에 포함된 값 추출@RequestParam쿼리 파라미터?id=seren..

⚛️ React 핵심 기초 문법리액트 개발의 근간이 되는 현대 자바스크립트 문법 요약변수와 상수:const: 재할당이 불가능한 상수. 컴포넌트나 함수 정의 시 주로 사용let: 재할당이 가능한 변수. 값이 변해야 하는 로직에 사용화살표 함수 (=>): 익명 함수를 간결하게 표현하는 ES6 문법. 리액트 컴포넌트 선언 시 표준으로 사용스프레드 연산자 (...): 배열이나 객체의 요소를 개별적으로 펼치는 기법. 불변성을 유지하며 상태(State)를 업데이트할 때 필수적임🧱 React 3대 핵심 개념리액트를 지탱하는 가장 중요한 구조적 개념컴포넌트(Component): UI를 구성하는 독립적이고 재사용 가능한 최소 단위. '레고 블록'에 비유됨State(상태): 컴포넌트 내부에서 관리되는 '기억'. 값이 변..

1. Spring CRUD 프로젝트 표준 진행 순서현업 실무에서 권장하는 데이터베이스 중심의 개발 흐름입니다.MySQL 테이블 생성: 요구사항에 맞는 스키마 설계 (simple_todo)DTO/VO 클래스 설계: 데이터 이동을 위한 객체 작성 (Lombok 활용)Mapper 인터페이스 & XML 작성: SQL 쿼리와 자바 메서드 매핑단계별 테스트 수행: 단위 테스트 → 통합 테스트로 검증 확장Service 계층 구현: 비즈니스 로직 작성Controller & View 연동: 사용자 요청 처리 및 화면 구성2. 데이터 모델 및 매퍼 설계🗄️ MySQL 테이블 구조 (simple_todo)CREATE TABLE simple_todo ( id INT AUTO_INCREMENT PRIMARY KEY, ..

🏗️ Spring Legacy: 웹 애플리케이션 개발 (Part 2)1. 웹 계층 구조 및 구동 흐름Spring 6 레거시 프로젝트는 여러 설정 파일이 유기적으로 연결되어 구동됨. 각 설정 파일의 역할과 빈(Bean) 관리 범위를 이해하는 것이 핵심임.web.xml: 웹 애플리케이션의 시작점. ContextLoaderListener와 DispatcherServlet 설정 포함.root-context.xml: 비즈니스 로직(Service), 데이터베이스 관련(Mapper, DataSource) 등 공통 빈을 설정하는 곳.servlet-context.xml: 웹 요청 처리와 관련된 빈(Controller, ViewResolver, 정적 리소스 경로)을 설정하는 곳.흐름: web.xml → root-cont..

1. Spring MVC 컨트롤러 메서드 반환 타입컨트롤러에서 요청을 처리한 후 응답을 보내는 방식에 따른 세 가지 주요 반환 타입 정리void: 요청 URL을 기반으로 JSP 파일을 자동 매핑함 (예: /board/list 요청 시 list.jsp 호출)String: 리턴값으로 논리적인 뷰 이름을 지정하여 ViewResolver가 해당 경로의 JSP를 호출하는 방식redirect: 특정 URL을 다시 호출하도록 브라우저에 명령함 (JSP 파일로 바로 가는 것이 아닌 URL 재요청)2. Model 데이터 전달 방식 비교 (PRG 패턴 핵심)데이터를 뷰로 넘길 때 사용 목적과 보안에 따라 addAttribute와 addFlashAttribute를 구분하여 사용함구분addAttributeaddFlashAtt..