super.SHY();

Day 27 (11/25) 올데이 팀프로젝트 ⚛️ React State (상태 관리)정의: 컴포넌트의 상태를 관리하는 객체특징: State 값이 변경될 경우 리액트가 이를 감지하여 해당 컴포넌트를 자동으로 리렌더링함용도: 동적인 데이터 처리 및 사용자 인터페이스(UI) 업데이트의 핵심 요소🛠️ 주요 NPM & NPX 명령어프로젝트 생성부터 배포용 빌드까지 자주 사용하는 핵심 명령어 모음명령어설명npx create-react-app [프로젝트명]새로운 리액트 프로젝트 생성npm start (또는 npm run start)개발 모드로 로컬 서버 실행npm run build배포를 위한 프로젝트 빌드(최적화)npx serve build빌드된 결과물을 로컬에서 실행 및 확인Ctrl + C실행 중인 개발 서버 ..

Java 개발 시 메서드 실행을 중단하고 제어권을 넘길 때 사용하는 return과 return null의 명확한 차이 및 활용법 정리 1. 반환 타입에 따른 메서드 종료 방식void 메서드 (return;)반환값이 없는 메서드에서 사용특정 조건 만족 시 메서드 실행을 즉시 중단하고 호출한 곳으로 복귀함반환형이 있는 메서드 (return null; 등)String, Object 등 참조 타입을 반환해야 하는 경우 반드시 반환값을 명시해야 함더 이상 실행할 필요가 없거나 예외 상황일 경우 null을 반환하여 종료 가능 2. Action 인터페이스에서의 return null 활용프레임워크 신호 전달execute 메서드의 반환 타입이 String(이동할 페이지 경로)인 경우, return null;은 추가로 이..

📝 강의 내용 요약SQL UPDATE 문을 활용한 게시판 데이터 수정 쿼리 작성 실습리액트 개발 효율을 높이기 위한 VS Code 확장 프로그램 설치 및 설정컴포넌트 구조 자동 생성 단축어 및 모듈 내보내기(Export) 방식 이해 🗂️ 개념 정리SQL UPDATE: 특정 조건(WHERE num = 8)에 부합하는 레코드의 필드 값을 변경하는 명령Reactjs Code Snippets: rsc 등을 활용해 함수형 컴포넌트 기본 골격을 즉시 생성하는 기능Export Default: 현재 모듈의 대표 값을 외부에서 사용할 수 있도록 공개하는 문법 ✏️ 메모Prettier, Auto Import, Indent-rainbow 등 가독성 향상을 위한 필수 확장 도구 설치 확인rsc와 rfce 단축어 사용법 숙..

📝 오늘의 강의 요약핵심 키워드: 이클립스 포맷터(Formatter), 코드 자동 정렬, 최대 줄 길이(Maximum line width)코드 스타일 관리: 프로젝트 및 개인 취향에 맞는 자바 코드 자동 정렬 규칙 설정법 습득가독성 최적화: 한 줄에 표시되는 코드 양을 조절하여 코드 가독성 및 유지보수 효율 증대편집기 환경 설정: 시각적 가이드라인(Print margin) 활용을 통한 직관적인 코딩 환경 구축🗂️ 개념 정리1. 코드 포맷터(Code Formatter)소스 코드의 들여쓰기, 빈 줄, 줄 바꿈 등을 정해진 규칙에 따라 자동으로 재구성하는 기능협업 시 팀원 간 동일한 코드 스타일 유지를 위해 필수적인 도구2. 최대 줄 길이 (Maximum line width)한 줄에 허용되는 최대 글자 수..

1. 설정 끄기CSS를 건드리지 않고 기본 설정만으로 해결하는 가장 간단한 방법경로: 설정(Settings) > 편집기(Editor)동작: '읽기 쉬운 행 길이(Readable line length)' 항목을 OFF로 변경이것만으로도 에디터 화면이 즉시 넓어짐. 하지만 테마에 따라 적용이 안 되거나, 설정은 켜두되 강제로 넓히고 싶은 경우 아래의 CSS 방법을 사용한다.2. 확실한 방법: CSS 스니펫 적용설정 여부와 관계없이 강제로 너비를 100%로 고정하거나, 최신 테마의 변수까지 제어하고 싶다면 이 방법을 추천아래 코드를 복사해서 CSS 파일로 저장하면 됨 /* 본문 너비를 100%로 확장 (프레임 너비 전체 사용) */.markdown-source-view.mod-cm6.is-readable-li..

🛠️ Git 초기 설정 및 저장소 생성개발 시작 전 사용자 정보를 등록하고 저장소를 준비하는 단계임명령어설명git config --global user.name "이름"사용자 이름 전역 설정git config --global user.email "이메일"사용자 이메일 전역 설정git config --list현재 설정된 모든 Git 정보 확인git init현재 디렉토리를 로컬 Git 저장소로 초기화git clone 원격 저장소의 내용을 로컬로 복제📝 기본 워크플로우 (변경사항 관리)파일을 수정하고 기록을 남기는 가장 빈번한 작업 과정임git status: 현재 작업 디렉토리의 파일 상태(추적 여부 등) 확인git add : 특정 파일을 스테이징 영역(Staging Area)에 추가git add .: 변..

⚡ 데이터 조회 (SELECT)가장 빈번하게 사용하는 데이터 조회 및 필터링 패턴기본 조회 및 중복 제거SELECT *: 전체 열 조회SELECT DISTINCT: 중복된 값 제외 후 유니크한 데이터만 출력WHERE 조건 활용IN: 여러 값 중 하나라도 일치하는 데이터 필터링LIKE: 문자열 패턴 매칭 (예: %@gmail.com)BETWEEN: 특정 범위 내의 데이터 추출IS NOT NULL: 데이터가 비어있지 않은 행만 선택정렬 및 페이징ORDER BY: ASC(오름차순), DESC(내림차순) 정렬LIMIT & OFFSET: 대량 데이터 중 필요한 구간만 끊어서 조회 (페이징 필수 기법)🛠️ 데이터 조작 (DML)데이터를 삽입, 수정, 삭제하는 명령어 및 주의사항.INSERT: 단일 행 또는 여러 ..

📝 오늘의 강의 요약핵심 키워드: 게시판 DB 설계, JDBC(PreparedStatement), 커맨드 패턴(Action), 서블릿 흐름DB 설계: MySQL의 auto_increment와 Oracle의 sequence 차이점 이해 및 게시판 테이블 생성JDBC 심화: Statement와 PreparedStatement의 성능 및 보안 차이 분석설계 패턴: Action 인터페이스를 활용한 커맨드 패턴 도입으로 서블릿 코드 최적화JSP/EL: ${board.num} 등 표현 언어를 활용한 동적 링크 생성 및 데이터 출력🗂️ 개념 정리1. Statement vs PreparedStatement특징StatementPreparedStatement처리 방식쿼리 실행 시마다 분석 → 컴파일 → 실행처음 한 번..

📝 오늘의 강의 요약핵심 키워드: 팀 프로젝트 시작, MySQL 삭제 명령, 리액트 콜백 & 람다, JSP 리다이렉트, JSTL 활용팀 프로젝트: 11/26(수)까지 진행되는 팀 프로젝트 일정 돌입MySQL: 데이터베이스 및 사용자 계정 삭제 명령어를 통한 환경 정리React: 자바스크립트의 핵심인 콜백 함수와 화살표 함수(람다식) 개념 재정립JSP/JSTL: sendRedirect를 이용한 페이지 이동 및 JSTL 코어 라이브러리 연동 실습🐬 MySQL 데이터베이스 관리1. 삭제 및 정리 명령어데이터베이스 삭제: drop database [DB명] (존재하는 모든 테이블과 데이터 영구 삭제)사용자 계정 삭제: drop user '계정명'@'호스트' (특정 접속 환경의 유저 권한 제거)⚛️ 리액트(R..

📝 오늘의 강의 요약핵심 키워드: MySQL 환경 설정, JSP/Servlet 파일 업로드, cos.jar, DAO/VO 패턴, 서버 실제 경로(RealPath)MySQL: 8.0 버전 설치, 환경변수 설정 및 데이터베이스/테이블 제어 명령어 실습JSP/Servlet: MultipartRequest를 이용한 첨부파일 처리 및 서버 저장 경로 확인프로젝트 구조: DAO(데이터 접근), VO(데이터 객체), DB, SQL 간의 유기적 관계 정립주의사항: 데이터베이스 컬럼명과 자바 필드명의 대소문자 구분 및 일치 작업 필수☕ JSP & Servlet: 파일 업로드 핵심1. 파일 업로드 환경 구축라이브러리: cos.jar (MultipartRequest 클래스 사용을 위해 WEB-INF/lib에 추가)인코딩 ..