전체 글 59

Day 25 (11/21) - SQL 데이터 수정 및 리액트 개발 환경 구축

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

Day 24 (11/20) - JSP 심화 및 이클립스 개발도구 설정

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

[Obsidian] 옵시디언 읽기 화면 너비 100%로 꽉 채우기 (CSS 설정)

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

[Git] 실무 핵심 명령어 요약 및 자동 업로드 스크립트(.sh) 공유

🛠️ 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 .: 변..

💡 Tech Note 2026.02.19

[DB/SQL] 자주 쓰는 SQL 명령어

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

💡 Tech Note 2026.02.19

Day 23 (11/19) - JSP 게시판 프로젝트: DB 연동 및 커맨드 패턴의 이해

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

Day 22 (11/18) - 팀 프로젝트의 시작: 리액트 기초와 JSP/MySQL 심화 정리

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

Day 21 (11/17) - SQL 기초

📝 오늘의 강의 요약핵심 키워드: 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에 추가)인코딩 ..

Day 20 (11/14) - JSP/Servlet 파일 업로드 구현

📝 JSP 로그인 프로젝트 & 페이지 이동로그인 기능을 구현할 때 가장 중요한 것은 서버 내부에서의 페이지 이동(Forward) 방식에 대한 이해입니다. 1. 페이지 이동(Forward)의 세 가지 표현법이클립스 자바 코드와 JSP 태그에서 동일한 기능을 수행하는 세 가지 방식입니다.표준 방식: RequestDispatcher 객체를 활용한 명시적 호출체이닝 방식: 객체 생성과 호출을 한 줄로 연결하여 코드 간결화JSP 액션 태그: 자바 코드를 쓰지 않고 XML 태그 형식으로 처리2. RequestDispatcher 활용 팁이동 위치: request.getRequestDispatcher("경로")특징: 클라이언트의 주소창은 변하지 않으면서 서버 내부에서 데이터를 유지한 채 이동함⌨️ 이클립스(Eclip..

Day 19 (11/13) - JSP 심화

📝 오늘의 강의 요약핵심 키워드: Docker 관리, Oracle SQL DML, JSP 예외 처리(500 에러), JavaScript BOM 객체DB/Docker: 중단된 오라클 컨테이너 재시작 및 SQL 기본 데이터 타입과 제약 조건 학습JSP: DB 연동 중 발생하는 NumberFormatException 원인 분석 및 해결 방법 파악JavaScript: 브라우저 객체 모델(BOM)인 window, location, history 및 타이머 함수 실습🐳 Docker 및 Oracle SQL 관리1. Docker 컨테이너 운용컨테이너 확인: docker ps -a 명령어로 과거 실행 내역 및 ID 확인컨테이너 재시작: docker start [Container_ID]를 통한 오라클 서버 가동데이터 ..