application. 에서ymlproperties차이를 몰랐음. 찾아보니 문법의 차이고 성능 측면에서는 상관없음ddl-auto: validate“엔티티(Entity)와 실제 DB 테이블 구조가 일치하는지만 검사”옵션별 의미값 의미none 아무 것도 안 함validat

JavaScript가 왜 한 번에 하나만 실행되는지 이해한다비동기 코드의 실행 순서를 예측할 수 있다Promise와 setTimeout의 실행 순서 차이를 설명한다JavaScript는 한 번에 하나의 작업만 실행한다동시에 여러 줄 실행 ❌대신 순서를 관리해서 비동기처럼

this가 언제, 어떻게 결정되는지 이해한다일반 함수 / 메서드 / 화살표 함수의 this 차이를 설명할 수 있다call / apply / bind의 역할과 차이를 명확히 구분한다this는 함수가 “어디서 선언됐는지”가 아니라“어떻게 호출됐는지”에 따라 결정된다⚠️ 주

JavaScript가 코드를 실행하기 전에 무엇을 준비하는지 이해한다.호이스팅을 “코드 이동”이 아닌 실행 컨텍스트 생성 과정으로 설명한다.var / let / const 차이를 TDZ와 실행 컨텍스트 관점에서 이해한다.JavaScript 코드를 실행하기 위해JS 엔진

JavaScript에서 변수를 어떻게 찾는지 이해한다.스코프 체인이 왜 “선언 위치 기준”인지 설명할 수 있다.클로저를 메모리 개념이 아닌 접근 규칙 관점에서 이해한다.스코프는 값이 저장된 공간이 아니라변수를 어디서 접근할 수 있는지에 대한 규칙이다.메모리: 값이 저장

JavaScript에서 얕은 복사와 깊은 복사의 차이를 이해한다.객체 복사 시 왜 예상치 못한 버그가 발생하는지 설명할 수 있다.React에서 state를 직접 수정하면 안 되는 이유를 연결해서 이해한다.객체를 복사했다고 생각했지만,실제로는 같은 객체를 공유하고 있어서

JavaScript에서 원시 타입(Primitive) 과 참조 타입(Reference) 의 차이를 이해한다.const 인데도 객체 값이 바뀌는 이유를 설명할 수 있다.함수에 객체를 넘겼을 때 원본이 바뀌는 경우 / 안 바뀌는 경우를 구분한다.JavaScript의 자료형

브라우저 렌더링 흐름, DOM / CSSOM / RenderTree브라우저에서 JS가 왜, 언제 실행되는지 설명 + 직접 확인HTML/CSS/JS를 브라우저가 어떻게 처리를 해서 화면을 그리는지 정리함.HTML 파싱→ DOM 생성→ CSS 파싱→ CSSOM 생성→ Re

공유 링크 404 이슈 — 프론트에서 URL을 생성하도록 구조 단순화 📝 문제 상황 서비스에 공유하기 기능이 있었는데, 공유 링크를 복사해 브라우저에 붙여넣으면 404(Not Found) 오류가 발생했다. 기능을 확인하는 과정에서 한 가지 의문이 들었다. > “

📝 문제 상황팀원이 main에 push → 네가 pull 받았는데 오류 발생git pull 시 fast-forward 불가branch 상태 mismatch🔍 원인local에서 작업한 commit과 remote main이 divergemerge 방식 변화pull.re

📝 문제 상황HTTPS 적용 후 프론트/백엔드 연결이 갑자기 안 됨또는 redirect 루프 발생EC2 + Nginx + Spring Boot 조합에서 흔한 상황🔍 원인80 → 443 redirect 설정 오류프록시 경로(/api) mismatchNginx에서 CO

📝 문제 상황클릭하면 UI에서는 반응하는 것처럼 보이는데실제 DB 저장도 안 되고, 프로필 화면에서도 반영 안 됨.isFavorite 상태가 꼬여서 UI만 업데이트됨.🔍 원인배열 내부에 isFavorite 값을 넣는 방식 자체가 불안정Optimistic UI 적용이

📝 문제 상황MUI 컴포넌트(Box 등)에 다음과 같은 오류 발생:{} 형식은 ReactNode에 할당할 수 없습니다.🔍 원인children 위치에 “빈 객체”가 들어간 상태Badge 처리 중 {item.badge} 구조가 잘못된 형태MUI Box는 children

📝 문제 상황Google OAuth2 로그인 성공 후 / 루트로만 이동실제로는 /home 또는 특정 경로로 이동시키고 싶었음하지만 SuccessHandler가 redirect URL을 무시🔍 원인OAuth2SuccessHandler의 redirect URI Buil

쿠키 기반 인증을 도입하는 과정에서React와 Spring Security(OAuth2, JWT) 사이에 인증 방식 불일치로총 4가지 대표적인 오류가 발생했다.아래는 실제 서비스 개발 중 겪었던 문제들을 유형별로 정리한 기록이다.📌 문제 상황OAuth2 로그인 성공

🚨 1. 오류 원인 📌 문제 상황원래는 sessionStorage 에 저장된 값(토큰/username 등)을 기반으로 로그인 여부를 판단하고 있었음.그러나 백엔드에서 OAuth2 성공 후➡ 쿠키(HttpOnly) 로 토큰을 전달하는 방식으로 바꾸면서프론트는 sess

🟦 포함 내용폴더 구조 설계컴포넌트/페이지 분리 기준API layer 설계공통 컴포넌트 구조재사용 가능한 UI 설계

🟦 포함 내용불필요 렌더링이 왜 발생하는가각 훅의 사용 목적실전 기준 언제 써야 하는가

🟦 필수 개념전역 상태의 필요성Context API 한계Zustand 실전 예Redux Toolkit 소개

🟦 핵심 내용axios 설치 및 기본 셋팅GET / POST 실전에러 핸들링API 요청 구조 설계React Query 도입 여부