목적메타데이터 제공 - 부가정보를 제공하여 런타임 또는 컴파일러가 처리할 수 있도록@Override, @Deprecated컴파일러 지시 - 컴파일러가 특정 경고롤 무시하거나, 잘못된 사용을 체크하도록@SuppressWarnings런타임 동작 변경프레임워크나 라이브러리가 런타임에 동적으로 동작 변경가능@Controller, JPA에서 @Entity가독성 향상, 너무 많으면 반대로 복잡해지고 가독성이 떨어질수도...메타데이터 의존 - 런타임 동작 이해하려면 어노테이션과 이를 처리하는 프레임 워크 동작 원리를 알아야함 자바 내장 어노테이션@Override@Deprecated - 해당 코드가 더 이상 사용되지 않음 (사용시 컴파일러 경고 발생)@SuppresssWarnings - 컴파일러가 경고를 무시하도록 지..

특징IoC (Inversion of Control) - 의존성 주입개발자가 아닌 스프링 컨테이너가 객체를 관리하고 의존성을 주입객체 생성과 생명주기를 스프링이 제어하여 개발자는 로직에만 집중예시@Configurationpublic class AppConfig { @Bean(name = "sms") public SmsSender sender() { return new SmsSender(); } // 별도로 snsSender를 넘겨주지 않아도 컨테이너에서 알아서 해준다 @Bean(name = "notification") public NotificationService notificationService(SmsSender smsSender) { // DI r..

우선, 작업관리자에서 가상화 기능이 켜져있는지 확인하자가장 간편한 해결상황일것이다.꺼져 있다면, 내 기기가 가상화 기능 지원하는지 확인하자, 지원된다면 바이오스든 어디서든 기능을 활성화하자 wsl 설치 중 무한재부팅 현상 발생시 확인사항한성노트북 TFX4470H 모델의 경우 20년 생산된 초기 메인보드의 경우 설치시 무한재부팅 되는 현상이 있다6시간가량 터트리고 복구하고 하다가 겨우 찾았다..(윈도우 업데이트, 칩셋 드라이버 업데이트, 리눅스 버전 별 설치 다 해도 해결이 안된다, 심지어 에러코드 볼수도 없이 0.01초 블루스크린 후 재부팅 후 0.01초 블루스크린;; 고조..?)제조사 홈페이지의 바이오스 업데이트 내역에 가상화 관련 문제가 해결된 바이오스 버전이 있더라.바이오스 업데이트 이후 문제 없이..

윈도우10 부터 지원되는 윈도우에서 리눅스 환경을 실행할 수 있게 해주는 기능  특징Linux 커널 호환성 WSL은 Windows 내부에서 Linux 커널의 기능을 에뮬레이션하지 않고 직접 실행WSL 2부터 실제 Linux 커널을 사용하여 성능과 호환성이 크게 향상됨Windows와의 통합 Linux와 Windows 간의 파일 시스템, 네트워크, 클립보드 등이 통합됨예를 들어, Linux 파일을 Windows 프로그램에서 열거나, Windows 경로를 Linux 명령어로 사용할 수 있음경량 환경 가상 머신(VM)과 달리, 전체 OS를 실행하지 않으므로 메모리와 CPU 자원을 적게 사용WSL은 Ubuntu, Debian, Fedora, Kali Linux 등 Linux 배포판 지원 WSL 1 Linux 커널..

node 설치 이후 npm : 이 시스템에서 스크립트를 실행할 수 없으므로 ~~~~ 파일을 로드할  수 없습니다.  위와 같은 문제 발생시 윈도우 환경일시 1. 파워쉘을 관리자 권한으로 연다 2. 권환 확인 : get-ExecutionPolicy 입력하여 현재 권한을 확인- 권한 상태값 Restricted : default설정값으로, 스크립트 파일을 실행할 수 없음 AllSigned : 신뢰할 수 있는(서명된) 스크립트 파일만 실행할 수 있음 RemoteSigned : 로컬에서 본인이 생성한 스크립트와, 신뢰할 수 있는(서명된) 스크립트 파일 실행할 수 있음. Unrestricted : 모든 스크립트 실행가능 ByPass : 경고/차단 없이 모든 것을 실행가능하도록함 Undefined : 권한을 설정하지..

직관적인 API와 인터셉터, 요청 취소 등을 제공하여 HTTP 요청 작업을 쉽게 만들어줌RESTful API 호출 작업을 단순화할 수 있다 Promise 기반 - 비동기 처리 쉬움요청 / 응답 데이터 자동 변환 - JSON 데이터 자동으로 직렬화 / 역직렬화요청 취소 - 요청을 취소할 수 있는 기능 제공 (CancelToken)브라우저와 Node.js 지원 - 브라우저(XMLHttpRequest) / Node(HTTP 모듈) 을 기반으로 동작한다Interceptors - 요청 / 응답을 가로채 수정하거나 공통 로직 추가 가능응답 시간 초과 설정 가능 - timeout 옵션으로 제한 시간 설정CSRF / 보안 - 자동으로 XSRF 토큰 관리  설치 : npm install axios브라우저 사용 : scr..

사용자가 입력한 값이 그대로 SQL 쿼리에 포함되며 악의적인 SQL 코드가 실행되는 공격 예를 들어, 다음과 같은 코드가 있다고 가정해보자const userId = req.query.id; // 사용자 입력const sql = `SELECT * FROM users WHERE id = '${userId}'`;connection.query(sql, (err, result) => { if (err) throw err; console.log(result);}); 만약 userId에 1 OR 1=1 과 같은 값을 입력하면 쿼리는 다음과 같이 변형된다SELECT * FROM users WHERE id = '1 OR 1=1';이 쿼리는 항상 참 (1=1)이므로, 데이터베이스의 모든 데이터를 반환할 수 있다..

서버 측 프레임워크에서 사용되며, 클라 요청과 서버 응답 사이에 추가적인 작업을 할 수 있음 특징요청-응답의 중간 단계 역할요청 데이터를 가공하거나 인증, 로깅 등의 작업을 수행한 뒤 다음 단계로 넘김.연속적인 호출 구조미들웨어는 일반적으로 req, res, 그리고 next 객체를 인자로 받아 실행되며, next()를 호출하여 다음 미들웨어로 제어를 넘김다양한 용도요청 데이터의 파싱인증 및 권한 부여로깅 및 에러 처리정적 파일 제공 // 기본구조const middleware = (req, res, next) => { // 요청(req) 처리 로직 console.log('Middleware executed'); // 다음 미들웨어 또는 라우트 핸들러 호출 next();};// ..

URL에서 ? 뒤에 추가되는 매개변수특정 데이터를 서버나 클라이언트로 전달할 때 사용검색조건, 필터링 옵션, 페이지번호, 정렬방식 등을 전달기본 구조https://example.com/page?key1=value1&key2=value2// ? 쿼리스트링 시작// key1=value1 쿼리의 첫번째 매개변수// & 매개변수들 연결// key2=value2 두번째 매개변수 예시https://example.com/search?q=react&sort=asc&page=2// q=react 검색키워드는 react// sort=asc 정렬방식 오름차순// page=2 2번째 페이지 리액트 예시import React from 'react';import { useLocation } from 'react-router-do..

React Router SPA에서 라우팅을 처리하기 위한 표준 라이브러리사용자가 URL을 변경하거나 페이지를 탐색할때 전체 페이지를 새로 로드하지 않아도 콘텐츠를 변경 할 수 있게 도와줌SPA - 전체 페이지 새로고침 없이도 페이지 전환 (컴포넌트 렌더)유연한 라우팅 - 동적 라우팅, 중첩 라우팅, 라우팅 전환시 상태 관리 가능리디렉션 설정 가능SEO 개선 가능 - 서버사이드 렌더링과 함께 사용시 SEO에 유리 사전설치 : npm install react-router-dom 전체 흐름react-router-dom 설치BrowserRouter로 페이지 라우팅 할 부분 감싸기Routes와 Route를 사용해 라우트 정의Link / NavLink를 사용한 페이지 전환 혹은동적 라우팅과 useNavigate 활..