공부 기록용 공부 기록용

Database - Data SourceDB 정보 입력 후 Test Connection쿼리 파일 만들어서 실행.env 파일 사용 시 Run/Debug 환경 변수 설정해야함Settings - Plugins - EnvFile 설치Run - Edit Configurations테스트 코드 실행 시 오류가 난다.환경 변수 설정하면 오류 없이 테스트 됨.테스트 코드가 많아지면 하나 하나 설정하기 귀찮다.application.properties 파일 설정을 추가 (Run - Edit Configurations 환경 변수 설정했던 것은 제거)application.properties (개발용/테스트용 분리하는게 좋음. 지금은 하나로 사용)# env 파일 읽어오기 (파일 위치가 프로젝트 최상단 루트여야 함)spring.c..

설정 - 플러그인 - 설치됨 - IDE 현지화 - 모두 비활성화인텔리제이 재시작한글로 변경하고 싶으면 다시 enable 후 인텔리제이 재실행하면 됨인텔리제이 터미널 git bash로 변경(파워쉘 불편해서 바꿈)도구 - 터미널 - 셸 경로git 설치한 경로의 bin 디렉터리 하위의 sh.exe가 있는 경로를 셸 경로로 설정git commit 메시지의 글자가 깨짐 git commit 인코딩 설정# Git 설정 확인git config --global i18n.commitencoding# UTF-8로 설정git config --global i18n.commitencoding utf-8git commit 메시지의 글자가 또 깨짐사용자 홈디렉터리에 .bashrc 생성cd ~pwdtouch .bashrcecho 'e..

Gemini CLI 설치https://geminicli.com/docs/get-started/installation/ Gemini CLI installation, execution, and releases geminicli.com# 설치npm install -g @google/gemini-cli# 버전 확인gemini --version# 실행gemini구글 계정 로그인인텔리제이 - 설정(Ctrl + Alt + s) - 도구 - AI Assistant - 에이전트인텔리제이 - AI 채팅변수 생성해달라고 했더니 엔티티 클래스 다 만들어준다. 구체적으로 적어야한다고 함.

react-study/frontend/ch1/src/router/todoRouter.tsximport { Outlet, useNavigate } from "react-router";function IndexPage() { const navigate = useNavigate() const handleClickList = () => { navigate({ pathname:'list'}) } const handleClickAdd = () => { navigate({ pathname:'add' }) } return ( LIST ADD ..

공통 컴포넌트 : 공통 디자인(헤더, 사이드바 등)의 틀 잡기1. children (리액트 기본: "직접 집어넣는 바구니")어떤 컴포넌트가 다른 컴포넌트를 감쌀 때, 그 안에 들어가는 내용물을 부모 컴포넌트에게 전달하는 방식특징: 내가 코드상에서 라고 직접 감싸줄 때 작동비유: "선물 상자 안의 내용물". 상자를 열어보기 전까지는 뭐가 들었는지 모르지만, 일단 상자(Parent) 안에 내용물(Child)을 직접 넣어서 전달하는 것과 같다.2. Outlet (리액트 라우터: "예약된 자리")레이아웃 컴포넌트 안에서 "자식 라우트들이 나타날 위치"를 미리 지정해두는 구멍특징: 내가 직접 감싸는 게 아니라, 라우터 설정(Router Config)에 따라 주소(URL)가 바뀔 때마다 리액트 라우터가 알아서 컴포..

rebase = 히스토리 재작성커밋 해시 전부 변경됨팀 브랜치에서는 위험Commit ab3a423 커밋 메시지 수정git rebase -i HEAD~3커밋 히스토리 수정# HEAD 기준 최근 3개 커밋을 대상으로 인터랙티브 rebase를 수행하여 히스토리를 재작성git rebase -i HEAD~3수정할 상태의 커밋 해시(ab3a423)의 pick을 선택pick을 reword (또는 r)로 변경 후 wq로 저장두 번째 화면에서 커밋 메시지를 수정할 수 있다.수정 후 wq로 저장한다.rebase로 히스토리가 변경되어 원격과 로컬 상태가 달라졌기 때문에 force push 필요Commit 606c414 로 커밋 해시와 커밋 메시지가 수정되었다.

라우팅 : 사용자가 요청한 URL에 따라 알맞은 페이지를 보여주는 것을 의미웹 애플리케이션은 대부분의 경우 여러 페이지로 구성된다.리액트는 SPA로 동작, 여러 컴포넌트로 하나의 페이지에 표시SPA의 초기 로딩 방식 (CSR)SPA는 처음 접속 시 애플리케이션에 필요한 주요 JavaScript 번들을 로드한다. 이후 페이지 전환은 서버에 새 요청을 보내지 않고, 브라우저 내에서 클라이언트 라우팅으로 처리한다. 번들 안에 여러 페이지(라우트)의 코드가 함께 포함되는 경우가 많아, 앱 규모가 커지면 초기 로딩 속도가 느려질 수 있다는 단점이 있다.리액트 라우터를 사용하면 손쉽게 라우터로 SPA를 만들 수 있다.리액트는 SPA(Single Page Application) 기반이므로 서버로부터 매번 새 페이지를..

환경 설정DB는 MySQL 사용https://devopscat.tistory.com/164 1. Node.js 설치https://nodejs.org/ko/download Node.js — Node.js® 다운로드Node.js® is a free, open-source, cross-platform JavaScript runtime environment that lets developers create servers, web apps, command line tools and scripts.nodejs.org 2. Vite로 리액트 프로젝트 생성https://ko.vite.dev/guide/ ViteVite, 프런트엔드 개발의 새로운 기준ko.vite.dev 3. VSCode 설치extension 추가자동 ..