kosa-Spring

REST = REpresentational State Transfer웹 아키텍처 설계 원칙, API를 만드는 규칙 모음→ 서버에 있는 데이터(리소스)의 상태를 JSON 같은 표현으로 주고받는 것자원(Resource)서버가 관리하는 대상 - 게시글, 회원, 상품 등 ur

@Controller 는 클라이언트 요청이 들어오면 View로 이동한다. View는 Thymeleaf 같은 템플릿 엔진을 통해 HTML을 만들고, ui와 data가 합쳐진 완성된 HTML을 브라우저에 전달한다. 브라우저는 받은 HTML을 그대로 보여주기만 하면 된다.

Spring Boot에서는 Jackson 라이브러리가 자동으로 직렬화/역직렬화를 처리한다.실제로 컨트롤러에서 응답을 반환할 때는 ResponseEntity를 사용한다.두 방법은 동일한 결과를 반환한다. 메서드 체이닝(Method Chaining) 방식이 가독성이 더 좋

유효성 검사반드시 DTO로 받아야 한다.로그인, 회원가입 실습@NotNull, @Valid, @Size, @Pattern유효성 검사는 필수!Spring Bean은 id(name)로 관리되는 싱글톤 객체싱글톤: 디자인 패턴중에 하나로, 클래스의 객체를 한개만 생성해서 그

사용할 데이터베이스 선택 후 마우스 오른쪽 → SQL 워크시트 작성리프레쉬 후 테이블 확인mapper 선택 후 board_dao2.xml 생성member_dao 파일에 xml 붙여넣기Window → Preferences → XML → Web Developer → Dow

3가지 핵심 요소가 서로 협력해서 인증을 처리해:@Configuration → "이 앱의 보안 규칙은 이렇게 설정한다"Interceptor → "요청이 컨트롤러에 도달하기 전에 검사한다"JWT → "로그인 성공 증명서 (토큰)"JWT(JSON Web Token)는 3부

자바스크립트에서 객체는 중괄호 {}로 표시한다.참조변수는 객체의 주소를 가리킨다.키 이름과 변수명이 같을 경우 생략 가능하다.함수는 값처럼 변수에 할당하거나 전달할 수 있다.개별 export된 항목은 import 시 중괄호 {}를 사용한다.import하는 이유: 외부

모든 HTML 요소는 박스 형태로 구성됨box-sizing: border-box 습관적으로 쓰는 것 추천!padding, border가 width 안에 포함되어 계산이 직관적레이아웃 배치의 핵심!absolute 쓸 때 → 부모에 position: relative 꼭 줘

HTML과 JS가 섞여 유지보수가 어려움간단한 테스트엔 편리HTML과 JS를 분리할 수 있어 유지보수 용이동일 요소에 여러 이벤트 등록 가능⚠️ id는 페이지 내에서 유일해야 한다.코드에서 btn2 id가 두 개 선언된 것은 잘못된 예시!💡 <script>를 &

재사용 가능하고, 조립 가능한 독립적인 UI 객체. UI가 없는 컴포넌트도 가능하다.export default function 함수명() → 컴포넌트export default 함수명; → 컴포넌트UI가 있을 수도, 없을 수도 있다app 하위 폴더 = URL 세그먼트(경

useRef() Hook을 이용해 DOM을 참조리턴이 실행되면서 DOM이 생성된다React나 Vue에서는 가능하면 <form> 사용 자제 → 서버 제출 시 깨질 수 있음중첩 레이아웃: app/폴더/layout.js폴더가 layout.js 파일을 가질 경우 중첩 레

📅 정리일: 2026-04-29📚 범위: Props & State 연동 / Component LifeCycle / Routing / 성능 최적화 (useMemo, useCallback, React.memo)부모 state → 자식 UI 변경: 부모의 state를 p

📅 정리일: 2026-04-29📚 범위: Props & State 연동 / Component LifeCycle / Routing / 성능 최적화 (useMemo, useCallback, React.memo)부모 state → 자식 UI 변경: 부모의 state를 p