Axios란? Axios는 브라우저(또는 Node.js) 환경에서 서버와 HTTP 통신을 쉽게 해주는 Promise 기반 비동기 통신 라이브러리 주요 특징 JSON 데이터를 자동 변환(JSON.parse / JSON.stringify 불필요) Promise 기반이라

익명 함수(Anonymous Function) 를 간결하게 표현하는 문법메서드 이름 없이, “함수의 구현부만” 표현 가능Java 8 이상부터 지원형식 비교:Java 문법: (매개변수) -> { 실행문 }JavaScript 문법: (매개변수) => { 실행문 }메서드 선

프로그램 실행 중 발생하는 다양한 정보를 기록하여,프로그램 동작 상태를 추적하고 문제를 분석하기 위한 행위출력 목적의 System.out.println() 과 달리,파일에 저장 및 로그 레벨별 관리가 가능단순 출력이 아닌 지속 가능한 기록 관리로그 레벨을 통해 중요도/

https://github.com/kyechan99/capsule-renderhttps://github.com/mazassumnida/mazandihttps://simpleicons.org/?q=javahttps://github.co

언어(Language) : 정해진 규칙/기호의 집합언어와 언어 사이 : 번역이 필요하다컴파일 / 인터프리터 / 렌더링 과정으로 해석됨브라우저(크롬, 엣지, 사파리 등)→ HTML 언어를 해석해서 기계어로 번역 후 화면에 출력H : Hyper → 이동T : Text →

분산 버전 관리 시스템(Git)을 웹 서비스로 제공하는 플랫폼온라인 코드 저장소(Repository) 제공협업 지원 (여러 개발자가 동시에 작업 가능)이슈 관리, 프로젝트 관리, CI/CD 연동 가능https://github.com 접속Sign up 버튼 클릭

전역 상태 관리 라이브러리서로 다른 컴포넌트 간의 상태(값)을 효율적으로 공유전역 상태를 저장하는 Store(저장소) 생성여러 컴포넌트에서 일관성 있는 상태 유지전역 변수처럼 활용로그인 상태 (비밀번호 X, 단순 로그인 여부만)테마(다크/라이트 모드)자동 로그인 여부사

1. React Router란? 정의 SPA(Single Page Application)에서 화면 전환 시 새로고침 없이 컴포넌트만 교체할 수 있도록 지원하는 라이브러리 특징 브라우저의 주소(URL)와 컴포넌트를 연결 실제 페이지 이동 없이, 가상의 경로(Virtu

정의: HTML 문서의 구조를 객체로 표현한 모델구성Element: HTML 태그 (div, input, p 등)Attribute: 태그 속성 (class, id, style, src, href 등)정의: 실제 DOM을 직접 다루지 않고, 가상 DOM(Virtual D

일정한 간격으로 특정 서비스를 자동 실행하는 기능백그라운드 자동 실행반복 작업 자동화 구현정기적인 점검 / 알림 / 배치 작업 등에 활용AppStart 클래스 위에 @EnableScheduling 어노테이션 작성실행할 서비스 메소드 위에 @Scheduled 어노테이션

200 : 요청 성공, 응답 데이터 포함 (\*web1에서는 200만 사용)201 : 요청 성공 + 저장 성공 의미 포함202 : 요청 성공, 아직 처리 중 (비동기 작업)204 : 요청 성공, 응답 데이터 없음301 : 요청한 정보가 다른 URL로 영구 이동302 :

프로그래밍에서는 주로 코드 실행 시점(컴파일 시 vs 런타임) 차이를 말함프로그램 실행 전에 이미 결정됨 (컴파일 시점)바인딩: 메소드 오버로딩처럼 어떤 메서드가 실행될지가 컴파일 단계에서 고정메모리: static 변수/메서드는 프로그램 시작 시 딱 한 번 메모리에 올

리액트에서 독립적이고 재사용 가능한 UI 단위HTML, JS, CSS를 하나로 묶어 표현할 수 있음재사용성 : 한 번 만들면 여러 곳에서 <컴포넌트명 />으로 쉽게 사용 가능독립성 : 다른 컴포넌트와 충돌 없이 개별적으로 동작UI 조각화 : 큰 페이지를 작은 단위

id 속성으로만 요소를 찾음고유한 ID를 대상으로 하기 때문에 한 페이지에서 단 하나만 선택 가능반환값은 HTMLElement (없으면 null)단순히 id로만 찾기 때문에 querySelector보다 보통 더 빠름CSS 선택자 문법을 사용해서 요소를 찾음id, cla

App.jsx -> main.jsx -> index.html결국 화면에는 index.html만 출력되는 것

문자열에서 특정한 패턴을 찾거나, 검사하거나, 변환하기 위해 사용하는 표현식검증: 아이디가 영문/숫자 조합인지, 이메일 형식이 맞는지 검사할 때검색: 긴 텍스트 안에서 특정 패턴(예: 날짜, 전화번호, URL) 추출치환: 특정 규칙에 맞는 문자열을 다른 문자열로 바꿀

CREATE : 데이터베이스/테이블 생성ALTER : 테이블 구조 변경DROP : 삭제INSERT : 데이터 삽입SELECT : 데이터 조회UPDATE : 데이터 수정DELETE : 데이터 삭제조건 : WHERE / BETWEEN / IN / LIKE정렬 : ORDER

소프트웨어 공학의 대표적인 디자인 패턴프로그램을 역할별로 분리해 깔끔하고 효율적인 구조를 제공관심사 분리 (Separation of Concerns)유지보수성 ↑, 재사용성 ↑, 협업 효율 ↑구조 : Controller(View) ↔ ModelJSP 파일 안에 HTML

객체의 생성과 생명주기 관리의 제어권을 개발자가 아닌 Spring 컨테이너가 맡는 것.개발자는 객체를 직접 생성(new)하지 않고, 컨테이너가 알아서 생성·관리된 객체(Bean)를 사용.객체 관리의 일관성 확보중복 인스턴스 생성 방지 (메모리 낭비 ↓)객체 충돌/의존성

Lombok: 반복되는 코드를 줄여주는 자바 라이브러리자동 생성되는 코드: 생성자, getter/setter, toString, equals/hashCode 등사용처: DTO / VO / Entity 클래스에서 주로 활용: 계층 간 데이터 전달 객체: 값만 표현하는 객