전체 글 (126) 썸네일형 리스트형 vscode extension alphabotsec.vscode-eclipse-keybindings: Eclipse 스타일의 키바인딩을 VSCode에서 사용하도록 도와줍니다.arcanis.vscode-zipfs: ZIP 파일을 VSCode 내에서 직접 열어 작업할 수 있게 해주는 확장입니다.christian-kohler.path-intellisense: 파일 경로 자동완성 기능을 제공합니다.csstools.postcss: PostCSS를 사용하는 CSS 코드 편집을 돕는 확장입니다.dbaeumer.vscode-eslint: ESLint를 통해 JavaScript 및 TypeScript 코드의 오류와 스타일을 자동으로 검사합니다.dsznajder.es7-react-js-snippets: React와 관련된 ES7 코드 스니펫을 제공합니.. CSR, SSG, SSR CSR (Client-Side Rendering) - 클라이언트 사이드 렌더링 모든 렌더링을 브라우저에서 수행 초기 HTML은 최소한의 구조만 있고, JS가 실행되면서 UI를 그려줌 예: React + Vite, Create React App (CRA), SPA(Single Page Application) 장점 첫 로딩 이후 빠른 페이지 이동 (CSR에서는 전체 페이지가 다시 로드되지 않음) 서버 부담이 적고, CDN 캐싱 가능 단점 첫 페이지 로딩이 느릴 수 있음 (JS가 로드된 후 렌더링 시작)SEO(검색엔진 최적화)에 불리함 (초기 HTML이 비어 있음) CSR이 적합한 경우SEO가 중요하지 않은 웹앱 (예: 내부 대시보드, 관리자 페이지) 페이지 이동이 많고 빠른 네비게이션이 필요한 경우 일.. 코헤런스 (Coherence) : 오라클(Oracle)에서 제공하는 분산 인 메모리 데이터 그리드 솔루션입니다.분산 캐싱과 데이터 공유를 위한 클러스터링 솔루션대규모 애플리케이션에서 고성능, 확장성, 가용성을 보장인메모리 데이터 그리드(IMDG, In-Memory Data Grid) 역할 수행금융, 전자상거래, 실시간 데이터 분석 등 대규모 트랜잭션 처리에 사용됨 CoherenceWeb 사용 시 세션 값 변경 시 동작 방식 Coherence Web은 세션을 Coherence 캐시에 저장하고, 여러 WAS 간에 공유하는 방식입니다. 기본적으로 WAS와 Coherence 두 군데에서 쓰기 작업이 발생하며 특정 WAS에서 세션을 변경하면, 다른 WAS들도 최신 세션을 가져오도록 동기화됩니다.세션 변경 흐름 1️⃣ 사용자가 특정 WAS.. HTTP Authentication 1. Basic Authentication : 클라이언트가 서버에 리소스를 요청할 때, 인증이 필요한 경우 서버는 401 Unauthorized 응답을 반환하고, WWW-Authenticate 헤더를 통해 인증 방식을 지정합니다. 인증 헤더 생성: 클라이언트는 사용자 이름과 비밀번호를 "username:password" 형식으로 결합하고, 이를 Base64로 인코딩하여 Authorization 헤더를 생성합니다. username:password=>BASE64인코딩 : dXNlcm5hbWU6cGFzc3dvcmQ= GET /protected/resource HTTP/1.1 Host: example.com Authorization: Basic dXNlcm5hbWU6cGFzc3dvcmQ= 2. Bearer T.. 알고리즘 (Algorithm) 참고모음 1. n사이즈의 배열 + 각 요소의 값 0~3까지 일경우 burute force탐색 for (int i = 0; i display flex, grid grid속성설명예시`display: grid`그리드 컨테이너를 설정.container { display: grid; }`grid-template-columns`그리드의 열 크기 정의.container { grid-template-columns: 100px 200px; }`grid-template-rows`그리드의 행 크기 정의.container { grid-template-rows: 100px 200px; }`grid-template-areas`그리드 항목의 배치 구조를 시각적으로 정의.container { grid-template-areas: "header header" "main sidebar"; }`grid-column-gap`열 간의 간격을 설정.container { grid-column-gap:.. VITE Vite(비트)는 차세대 프론트엔드 빌드 툴입니다.기존의 CRA(Create React App)보다 훨씬 빠르고 가볍고 유연한 개발환경을 제공합니다. 특징설명빠른 개발 서버 구동번들링 없이 바로 실행 (ESM 기반)빠른 HMR (Hot Module Replacement)코드 바꿔도 브라우저 바로 갱신됨최적화된 빌드 속도Rollup 기반의 고속 빌드구성 간단함설정 파일 (vite.config.js)로 유연하게 설정 가능TypeScript, JSX 기본 지원React와 바로 호환됨 vite 외부모듈 번들링 📦 번들링 / 모듈 로딩 방식 정리 구분설명ESM (ECMAScript Module)import/export 문법, 브라우저에서도 네이티브 지원, Vite·Rollup·modern Webpack에서 주로.. [Docker] 컴포즈 (compose), 도커파일 (Dockerfile) 도커파일 (Dockerfile) : Docker 컨테이너 이미지를 생성하기 위한 텍스트 파일입니다. Dockerfile에는 Docker 이미지를 빌드할 때 사용되는 명령어와 설정이 기술되어 있습니다. Dockerfile을 사용하면 개발자는 자신의 애플리케이션을 컨테이너로 패키징하는 과정을 자동화할 수 있습니다. # FROM : 베이스가 되는 기본이미지 OS 또는 런타임 이미지FROM ubuntu:latest# 작업 디렉토리 설정# RUN, ENTRYPONT, CMD가 수행될 기본 디렉토리WORKDIR /app# 호스트의 디렉토리를 도커 컨테이너에 연결VOLUME# 의존성 설치 # RUN : 이미지를 빌드할 때 사용하는 커맨드를 설정RUN apt-get update && apt-get install -y .. 이전 1 2 3 4 ··· 16 다음