분류 전체보기

React

[Vite] Failed to load module script: Expected a JavaScript module 오류 해결

오류상황 vite로 React프로젝트 빌드 후 실행했더니 css파일을 못찾으며 아래와 같은 오류가 났다. Failed to load module script: Expected a JavaScript module script but the server responded with a MIME type of "text/html". Strict MIME type checking is enforced for module scripts per HTML spec. 해결법 config의 상대경로를 절대경로로 바꾼다. { "compilerOptions": { "baseUrl": "./", //"." "paths": { "@/*": [ "src/*" ] } } } 원인 vite 는 html파일을 dist폴더로부터 abso..

javascript

[Node] NVM 이란? NVM 설치하기

NVM이란? NVM은 Node Version Manager를 말한다. Node버전을 관리할 수 있도록 도와주는 툴이다. NVM git https://github.com/nvm-sh/nvm#installing-and-updating GitHub - nvm-sh/nvm: Node Version Manager - POSIX-compliant bash script to manage multiple active node.js versions Node Version Manager - POSIX-compliant bash script to manage multiple active node.js versions - nvm-sh/nvm github.com NVM window git https://github.com/co..

Spring

[Spring] 정적파일 경로

기본적으로 src/main/webapp이 root로 설정되어있다. 이러한 구조일때 프로젝트에 context-path가 있다면 /context/js/login/login.js로 접근할 수 있다. 주의할점은 /로 시작하면, /js/login/login.js로 잡힌다. /없이 상대경로로 해줘야 /context/login/login.js로 잡힌다.

Spring

[Spring] Spring MVC 설정(XML방식)

과거에는 Srping에 xml형식으로 모든 설정을 했다. 현재는 Annotation방식(@)으로 바뀌지만, 여전히 xml로 설정이 가능하다. 레거시 프로젝트를(spring 4 기준) xml형식으로 만들어보면서 spring에 대해 더 깊게 알아보자. xml은 일반적으로 크게 이런식으로 나눈다. 1. web.xml 2. dispatcher-servlet 3. context-*.xml 위의 3가지는 용도에 따라 나눠둔 것일 뿐 모두 그냥 bean을 등록하는 행위이다. 파일의 시작은 web.xml이다. spring에 기본적으로 webapp/WEB-INF아래의 web.xml을 먼저 보도록 되어있다. 그냥 용도에 따라 나눈 것 뿐이므로 이름을 바꿔도 된다. dispatcher-servlet.xml은 dispatch..

Web

[Web] 내부망? 네트워크는 어떻게 연결될까?

내부망이 뭔지 갑자기 헷갈려서 적어본다.. 모든 네트워크는 선으로 연결되어있다. 진짜 선. 인터넷도 다 선으로 연결되어있다. 미국까지 바다밑으로 전선이 쫙 깔려있다. OSI 7 layer를 기억해보자. 거기 젤 처음이 물리계층이다. 이 전선이 바로 물리계층이다. 출처 : https://velog.io/@cgotjh/%EB%84%A4%ED%8A%B8%EC%9B%8C%ED%81%AC-OSI-7-%EA%B3%84%EC%B8%B5-OSI-7-LAYER-%EA%B8%B0%EB%B3%B8-%EA%B0%9C%EB%85%90-%EA%B0%81-%EA%B3%84%EC%B8%B5-%EC%84%A4%EB%AA%85 예를 들어서 회사 내부망이라고 하면, 같은 대역을 쓰는 통신망이다. 내부망 바깥에는 방화벽으로 막혀있고 외부로..

Web

[Web] Forward Proxy와 Reverse Proxy

프록시(Proxy) 프록시 서버는 클라이언트가 자신을 통해서 다른 네트워크 서비스에 간접적으로 접속할 수 있게 해주는 컴퓨터나 응용 프로그램을 가리킨다. 프록시의 종류 프록시에는 Forward Proxy와 Reverse Proxy가 있는데 그 차이는 아래와 같다. Forward Proxy 포워드 프록시는 클라이언트 앞에, 인터넷의 전에 있다. 내부망에 있는 클라이언트가 서버에 접근하고자 할때, 클라이언트는 타겟 서버의 주소를 포워드 프록시에 전달하여, 포워드 프록시가 인터넷으로 요청된 내용을 가져오는 방식이다. 예를 들어 우리가 naver.com 을 요청하면 포워드 프록시 서버가 naver.com 리소스를 대신 받아와 클라이언트에게 내밀어준다(forward)고 생각하면 된다. 흔히 말하는 프록시 서버는 ..

Web

[Web] WebServer와 WAS, AJP

WebServer란? WebServer의 예시로는 Apache, NginX등이 있다. 클라이언트의 요청에 따라 HTML, CSS, JS, 이미지 파일 같은 정적파일을 응답하여 제공하는 소프트웨어를 말한다. HTTP프로토콜을 사용하여 클라이언트와 통신한다. Was란?(Web Application Server) Tomcat, JBoss, WebSphere등이 있다. 클라이언트의 요청에 따라 동적인 처리를 담당하는 영역. 로직을 실행한다. 요청의 흐름 WebServer와 Was를 나누는 이유 1. WAS의 부담을 줄여주기위해. 로직을 처리하는 WAS는 그 자체만으로도 할게 많다. 정적파일과 동적파일을 분리함으로써 부담을 줄일 수 있다. (최근에는 WAS의 기능이 좋아져서 굳이 나누지 않아도 되지만, 2, 3의..

Spring

[springboot] springboot 3.0의 새로운 점!

SpringBoot 3.0의 개선사항 언젠가부터 Spring Initializr에서 spring 3.0부터만 지원하게 되었다... 그래서 이번 포스트에서는 springboot 3.0에 대해서 알아보도록 하겠다. 참고로 springboot는 java 17이상을 지원하기때문에, java17의 다른점을 알고 싶은 분들은 아래 링크 클릭! 2024.01.11 - [java] - [java] java 17의 새로운 점들! [java] java 17의 새로운 점들! java17 & SpringBoot3.0 2021년 9월 java 17이 새로 나왔다 (LTS버전 - Long-term support) java 11과 비교해서 70가지 이상의 JEP가 더 추가되었다고 한다. *JEP : JDK 개선제안, JDK Enh..

우주유령
'분류 전체보기' 카테고리의 글 목록