전체 글 (106) 썸네일형 리스트형 CORS (Cross-Origin Resource Sharing) CORS (Cross-Origin Resource Sharing)는 웹 페이지가 다른 도메인에 있는 리소스를 요청할 때 발생할 수 있는 보안 문제를 해결하는 메커니즘 Access-Control-Allow-Origin: 요청을 허용할 도메인을 명시Access-Control-Allow-Methods: 허용할 HTTP 메소드(예: GET, POST 등)Access-Control-Allow-Headers: 허용할 HTTP 헤더Access-Control-Allow-Credentials: 쿠키나 인증 정보를 포함한 요청을 허용할지 여부 도메인이 다를 경우 메소드OPTION을 보내 허용된 origin, method등을 체크 CORS (Cross-Origin Resource Sharing)에서 Preflight O.. [React] 빌드 (번들링 Bundling, 트랜스파일링 Transpiling, 타입스크립트 컴파일) 빌드 과정 (next build 실행)TypeScript → JavaScript 변환 (트랜스파일링)SWC(기본) 또는 Babel이 TypeScript를 JavaScript로 변환Type Checking은 tsc가 아니라 Next.js 자체 체크 (next lint)모듈 번들링 (Webpack)Webpack이 모든 JS, CSS, 이미지 등을 하나로 묶음트리 쉐이킹(Tree Shaking)으로 불필요한 코드 제거최적화 및 압축CSS 및 JS 파일을 최소화 (Minification)코드 스플리팅(Code Splitting)으로 필요한 부분만 로드 가능하게 만듦 트랜스파일링 (Transpiling) : 최신 문법(ES6+, TypeScript 등)을 브라우저가 이해할 수 있는 코드(ES5 등)로 변환하는 과.. [환경구성] React개발을 위한 유용한 노드모듈 (node_modules) [Dev] @vitejs/plugin-react더보기@vitejs/plugin-react는 Vite에서 React를 원활하게 사용할 수 있도록 도와주는 공식 플러그인입니다.📌 역할:Vite에서 React Fast Refresh 지원JSX/TSX 변환 최적화Babel을 활용한 코드 트랜스파일링 react-infinite-scroller더보기import InfiniteScroll from "react-infinite-scroller";import {useInfiniteQuery} from "@tanstack/react-query";import {People} from "./People";interface PageData { next: string | null; results: People[];}cons.. [환경구성] tsconfig.js, tsc tsconfig.json (혹은 tsconfig.ts) : TypeScript 컴파일러에 프로젝트의 설정(컴파일 옵션, 포함할 파일, 제외할 파일 등)을 알려주는 구성 파일입니다. 주요 역할:컴파일 옵션 설정: 예를 들어, ECMAScript 버전(target), 모듈 시스템(module), 엄격한 타입 검사(strict) 등.프로젝트 파일 지정: 어떤 파일들을 컴파일할지 포함(include) 및 제외(exclude)할 파일들을 지정. tsc (TypeScript Compiler) : TypeScript 소스 코드를 JavaScript로 컴파일하는 명령줄 도구입니다. 주요 역할:컴파일 실행: 프로젝트 루트에 tsconfig.json이 있으면, 그 설정에 따라 전체 프로젝트를 컴파일합니다.파일 단위 컴파일.. 공인IP, 사설IP, NAT, localhost, 0.0.0.0 1. 공인 IP 주소 (Public IP Address) 공인 IP 주소는 인터넷상에서 유일하고 전 세계적으로 고유한 주소입니다. 이 주소는 인터넷 서비스 제공업체(ISP)에 의해 할당되며, 인터넷을 통해 외부 네트워크와 통신하는 데 사용됩니다. 특징전 세계에서 유일: 공인 IP는 전 세계 어디서나 고유하며, 인터넷에 연결된 모든 장치가 이를 통해 서로 소통할 수 있습니다.ISP 할당: 공인 IP는 인터넷 서비스 제공업체(ISP)가 사용자의 네트워크에 할당합니다. 예를 들어, 가정용 인터넷에서는 ISP가 집에 하나의 공인 IP 주소를 제공합니다.직접 접근 가능: 공인 IP는 외부 네트워크에서 해당 주소로 직접 접근할 수 있습니다. 이는 서버, 웹사이트, 클라우드 서비스 등에 사용됩니다. 사용 예시웹 서.. 제너릭 Generic Java의 제너릭(Generic) 타입은 클래스나 메서드에서 사용할 데이터 타입을 컴파일 시에 지정할 수 있도록 하는 기능입니다. 제너릭은 타입 안정성을 제공하고, 캐스팅 작업을 줄여 코드를 더 간결하고 안전하게 만듭니다. 1. 제너릭 클래스class Box { private T value; public T getValue() { return value; } public void setValue(T value) { this.value = value; }}public class GenericClassExample { public static void main(String[] args) { // Integer 타입의 Box B.. 메서드 참조, function, consumer, supplier 메서드 참조 사용법 메서드 참조는 ClassName::methodName 형식으로 사용하며, 다음 네 가지 유형으로 나뉩니다: 1. Static 메서드 참조: ClassName::staticMethodimport java.util.function.Function;public class StaticMethodReference { public static int square(int x) { return x * x; } public static void main(String[] args) { // 람다 표현식 Function squareLambda = x -> StaticMethodReference.square(x); // 메서드 참조 .. MSA(Micro Services Architecture) 모놀리식 아키텍처(Monolithic Architecture)는 전체 애플리케이션을 단일 코드베이스에서 관리하는 방식입니다.즉, 애플리케이션의 모든 기능이 하나의 응집된 단위로 작성되고 배포됩니다. 이 방식은 초기 개발 단계에서는 단순하고 직관적일 수 있지만, 애플리케이션이 커지면서 여러 가지 확장성, 유지 보수 등의 문제를 겪을 수 있습니다. MSA는 Microservices Architecture의 약자로, 마이크로서비스 아키텍처를 의미합니다. 이는 소프트웨어 아키텍처의 한 접근 방식으로, 대규모 애플리케이션을 작고 독립적인 서비스들로 나누어 구성하는 방식입니다. 각 서비스는 독립적으로 배포되고, 자체적으로 개발 및 유지 관리됩니다. 마이크로서비스 아키텍처 (MSA)의 특징작고 독립적인 서비스:애플.. 이전 1 2 3 4 5 ··· 14 다음
