본문 바로가기

전체 글

(79)
[URL] request url getRequestURL(): 이 메서드는 요청을 받은 웹 페이지의 URL을 가져옵니다. 이 URL은 프로토콜, 서버 이름, 포트 번호 및 요청된 파일의 경로를 포함합니다. getRequestURI(): 이 메서드는 클라이언트가 요청한 자원의 URI(Uniform Resource Identifier)를 가져옵니다. URI는 호스트 이름과 포트 번호를 제외한 요청된 파일의 경로를 나타냅니다. 예를 들어, "/myapp/myservlet"와 같은 URI를 반환할 수 있습니다. getContextPath(): 이 메서드는 현재 웹 애플리케이션의 컨텍스트 경로를 가져옵니다. 즉, 웹 애플리케이션의 루트 경로를 나타내는 문자열을 반환합니다. 예를 들어, "/myapp"과 같은 컨텍스트 경로를 반환할 수 있습니다...
[Docker] 도커(docker) 효율적인 배포와 확장:도커는 컨테이너화 기술을 사용하여 애플리케이션과 모든 종속성을 포함하는 가상 환경을 만듭니다. 이는 배포가 훨씬 빠르고 간단해지며, 확장성이 뛰어납니다.환경 ..
[Node] Node.js , npm, pnpm, yarn Node.js? Node.js는 JavaScript를 사용하여 서버 사이드 애플리케이션을 개발할 수 있는 런타임 환경입니다. 주로 비동기 이벤트 기반의 서버 사이드 프로그래밍을 위해 설계되었으며, 구글의 V8 JavaScript 엔진을 기반으로 합니다. 다음은 Node.js의 주요 특징과 용도입니다 노드를 통해 다양한 자바스크립트 애플리케이션을 실행할 수 있으며, 서버를 실행하는 데 제일 많이 사용된다. JavaScript를 서버에서도 사용할 수 있도록 만든 프로그램이다. V8이라는 JavaScript 엔진 위에서 동작하는 자바스크립트 런타임(환경)이다. Node.js는 서버사이트 스크립트 언어가 아니다. 프로그램(환경)이다. 웹서버와 같이 확장성 있는 네트워크 프로그램을 제작하기 위해 만들어졌다. 장점..
[SpringBoot] 스프링부트 참고 1. 스프링부트 View, Template 우선순위 컨트롤러가 있을 경우에 그 컨트롤러가 가리키는 템플릿으로 우선적으로 불러준다. (우선순위 1번) 컨트롤러가 없을 경우에 static(정적)에 있는 html(뷰 템플릿)을 불러준다. (우선순위 2번) 2. 스프링부트
[Spring Boot] 인텔리제이 Intellij 정적리소스 자동리로드 1. build.gradle 파일에 devtools dependency를 추가 dependencies { compileOnly("org.springframework.boot:spring-boot-devtools") } 4. application.yml, application.properties 파일에 devtools 설정 추가 spring: devtools: livereload: enabled: true restart: enabled: true thymeleaf: cache: false spring.devtools.livereload.enabled=true 5. Build Project automatically - Preferences 에서 Compirer에 Build Project automatical..
[React] Next, Typescript... 오류모음 1. EPERM: operation not permitted, rename > npm cache clean --force > 관리자권한 재실행 2. Error: Cannot find module 'prettier' from > npm install --save-dev prettier 3. 모듈 못찾을 경우Cannot find module 'next/dist/lib/metadata/types/metadata-interface.js' or its corresponding type declarations next버전 최신화, 캐시삭제 yarn add next@latest pnpm store prune or "moduleResolution": "node", { "compilerOptions": { "target..
[Git] Git정리 1. Git User설정 config는 global 모드와 local 모드로 설정이 가능하다. global 모드로 설정하면 컴퓨터 내의 모든 git의 관리를 받는 폴더에 대해 값이 설정되는 것이며, local 설정은 현재 디렉터리에만 값을 설정 git config {--global | --local} user.name "{userName}" git config {--global | --local } user.email "{userEmail}" 2. Git 저장구조 Working Directory (작업 공간) 현재 작업중인 Git 프로젝트 파일들이 있는 내 PC의 디렉토리 입니다. .git 디렉토리를 제외한 프로젝트 디렉토리 내의 모든 공간이 Working Directory라고 할 수 있습니다. Stag..
[React] web성능 메트릭 HTML 삽입 미리보기할 수 없는 소스 `CRA(create-react-app)` 디폴트 파일 중 하나 리액트 프로젝트를 생성하면 index.js에서 사용 앱의 퍼포먼스 시간들을 분석하여 객체 형태로 보여주는 것이 목적.다음과 같이 작성하여 콘솔에서 확인이 가능. 즉, 사용자들에게 편의를 제공하는 페이지나 컴포넌트는 아니므로 삭제해도 무방하다. reportWebVitals(console.log);​​​​ LCP (Largest Contentful Paint) 페이지에서 가장 용량이 큰 컨텐츠가 표시되는 시점을 나타낸다. CLS (Cumulative Layout Shift) 페이지가 로드되기 시작하는 시점과 lifecycle 상태가 숨김으로 변경되는 시점 사이에 발생하는 모든 예기치 않은 레이아웃 이동의 ..