Not allowed to load local resource 프로젝트 외부에 존재하는 파일업로드의 경우 보안상의 이유로 이미지에 접근하지 못합니다. 즉 웹에서 로컬폴더로 접근이 불가합니다. 문제해결을 tomcat의 server.xml에 다음과같이 추가한 후 톰캣 서비스를 재시작하면됩니다. 파일 실제 저장경로가 D:\physical\path 라면 url로 들어갈때는 http://localhost:8080/logical 로 들어가면 됩니다. 물리적주소: D:\physical\path 논리적주소: http://localhost:8080/logical
톰캣(Tomcat) 로그 종류 1. catalina.out Tomcat 기동 시 /bin/catalina.sh 에 의해 생성되는 로그 파일 콘솔에 표시되는 모든 것을 기록한다. 서버의기동,정지, 서비스의개시, 정지정보, standard output, standard error 2. catalina.yyyy-mm-dd.log 톰캣에서 생기는 로그만을 기록한다. 서버의기동,정지, 서비스의개시, 정지정보(tomcat 자체에관한) 단순히 catalina.out을 일별로 나누어놓은 파일이 아니다 3. host-manager.log Tomcat Host Manager Web app 로그 (가상호스트매니저) 4. manager.log Tomcat Manager Web App 로그 (웹콘솔) 5. localhost.l..
브라우저 구조 사용자인터페이스 뒤로가기 앞으로가기 새로고침 등등 렌더링 엔진 사용자인터페이스를 제외한 body부분 브라우저 엔진 사용자가 뒤로가기 버튼을 눌렀을때, 그 뒤로가기를 인식해서 다시 렌더링해주게 알려주는 사용자 인터페이스와 렌더링 엔진 사이에 가교 역할을 하는 것이 브라우저 엔진 통신 웹브라우저의 네트워크를 담당하는 부분 개발자 툴 > 네트워크 탭에서 활동을 볼 수 있다. 자바스크립트해석기 브라우저는 자바스크립트해석기로 자바스크립트를 이해할수있다. UI 백엔드 사용자 입력, 마우스 움직임, 클릭등을 핸들링 하는 곳 자료저장소 브라우저도 정보를 저장할 수 있음.(로컬스토리지, 세션스토리지) 렌더링 엔진 동작 과정 1. naver.com을 검색했을때, 실제로 브라우저는 naver.com이라는 도메..
Domain(도메인) IP를 대표하는 이름 네트워크상에 존재하는 모든 PC는 IP 주소가 있습니다. 그러나 모든 IP주소가 도메인 이름을 가지는 것은 아닙니다. 로컬 PC를 나타내는 127.0.0.1은 localhost로 사용할수있지만 그 외 모든 도메인 이름은 일정기간 동안 대여하여 사용합니다. 도메인은 일반적으로 " www.example.com"과 같은 형식을 가집니다. DNS(Domain Name System) 네임서버 = DNS 서버 도메인 이름과 해당하는 IP 주소를 연결시켜주는 시스템입니다. 인터넷에 접속할 때 컴퓨터나 모바일 기기가 입력한 도메인 이름을 DNS 서버로 전달하면, DNS 서버가 해당 도메인의 IP 주소를 찾아서 반환해줍니다. 그러면 컴퓨터나 모바일 기기는 해당 IP 주소로 연결..
Web 인터넷을 기반으로 정보를 공유, 검색할 수 있게 하는 서비스 웹의 3가지 요소 : url(주소), http(프로토콜), html(내용) Server 클라이언트에게 네트워크를 통하여 정보나 서비스를 제공하는 컴퓨터 시스템 Web Server 인터넷을 기반으로 클라이언트에게 웹서비스를 제공하는 컴퓨터 대표적으로 아파치, IIS - 클라이언트 : 웹 서버에게 주소(URL)을 가지고 규칙(HTTP)에 맞게 서버에게 요청 시, 클라이언트가 원하는 내용(HTML)을 응답 받음 - 웹 서버 : 클라이언트의 요청을 기다렸다가, 웹 요청(HTTP)에 대한 데이터를 만들어서 응답 함. 이때 데이터는 웹에서 처리할 수 있는 HTML, CSS, 이미지 등 정적인 데이터로 한정 → 웹 서버에서는 HTML, CSS, 이미..
API API(응용 프로그램 프로그래밍 인터페이스)는 서로 다른 소프트웨어 응용 프로그램이 서로 통신할 수 있도록 하는 일련의 프로토콜, 루틴 및 도구입니다. API는 소프트웨어 구성 요소가 상호 작용하고 데이터를 교환하는 방법에 대한 규칙을 정의합니다. REST API REST API(Representational State Transfer API)는 HTTP 프로토콜을 사용하여 클라이언트와 서버 간에 데이터를 전송하는 API 유형입니다. 표준 HTTP 메서드(GET, POST, PUT, DELETE 등)를 사용하여 다양한 작업을 나타내고 HTTP 상태 코드를 사용하여 해당 작업의 성공 또는 실패를 나타내는 REST 아키텍처 스타일을 기반으로 합니다. Endpoint 엔드포인트는 특정 리소스 또는 작업..
펌글입니다 - 출처 : https://storytown.tistory.com/14 포트포워딩(Port-Forwarding) 이란? Port Forwarding공유기를 사용하면 한번씩은 들어보고 검색 해봤을만한 단어입니다. 이 포스트는 포트포워딩 설정 방법이 아닌 포트포워딩이 무엇인지에 대해 알아보겠습니다.우선 사전적 의미 그 storytown.tistory.com 포트포워딩 Port-Forwarding 공유기를 설치하게 되면 공유기와 연결된 PC들은 192.168~로 시작하는 IP를 공유기로부터 부여받게 됩니다. ISP 업체로부터할당 받은 IP 61.43.52.108은 공유기가 가지게 됩니다. 공유기를 기점으로 공유기 뒤에 있는 PC들의 IP를 내부 IP, 공유기의 IP를 외부 IP라고 부릅니다. 집이 ..
펌글입니다 - 출처 :https://cotak.tistory.com/45 protocol: 통신규약, 사용자가 서버에 접속할 때 어떤 방식으로 통신할 지 정의한다. HTTP(Hyper Text Transfer Protocol): 웹 브라우저와 웹 서버가 서로 데이터(하이퍼 텍스트)를 주고받기 위해 만든 통신규약 HTTPS(Hyper Text Transter Protocol Secure): HTTP에서 보안이 강화된 버전. 자세한 설명은 영상을 참고 host(domain): 인터넷에 접속되어 있는 각각의 컴퓨터를 가리키는 주소 port: 포트번호 한 개의 컴퓨터엔 여러 개의 서버가 존재할 수 있다. 즉, 포트번호를 통해 어떤 서버를 이용할 지 결정한다. 웹서버는 전세계적으로 80번 포트를 이용하는 것이 표..
Mixed Content 에러 문제 이해 로컬에서 잘 작동하던 웹프로젝트가 배포 후 문제가 발생했다. 프로젝트에서 가져와 사용하던 api가 문장분리 api와 맞춤법검사 api로 두가지였는데 테스트를 해보니, 문장분리 api사용은 문제가 없었는데 , 맞춤법 검사 api가 작동되지않는 문제가 있었다. 개발자도구 콘솔창을 보니 아래와 같은 에러가 보였다. Mixed Content: The page at '' was loaded over HTTPS, but requested an insecure XMLHttpRequest endpoint ''. This request has been blocked; the content must be served over HTTPS. 찾아보니 Mixed Content 에러는 h..
CORS(Cross-Origin Resource Sharing) 웹 애플리케이션에서 다른 도메인의 자원을 요청하는 것을 허용하기 위한 보안 메커니즘입니다. 웹 브라우저는 보안상의 이유로 도메인간 자원 공유를 제한하는데, 이를 허용하기 위해서는 서버에서 CORS 설정을 해야합니다. 보통 웹 브라우저는 동일한 출처(Same-Origin)의 자원에 대해서만 요청을 허용합니다. 즉, 요청하는 웹 애플리케이션과 자원을 제공하는 서버가 동일한 도메인, 프로토콜, 포트 번호를 가지고 있어야합니다. 하지만 다른 출처의 자원에 대해서도 요청을 보내고자 하는 경우, CORS를 사용하여 이를 허용할 수 있습니다. CORS는 브라우저와 서버 간의 통신에 HTTP 헤더를 추가하는 방식으로 동작합니다. 브라우저는 요청 헤더에 O..
스트림과 버퍼 개념 정리를 찾다가 이해가 쉽게 설명이 잘 되어있는 포스팅을 발견하였다. 출처 : https://curryyou.tistory.com/440 스트리밍(Streaming)이란: 스트림(Stream), 버퍼(Buffer) 원리 # 스트림(Stream)이란? "스트림이란 시간의 흐름에 따라 발생하는 연속적인 데이터의 흐름이다." 이게 무슨 말인지 이해하기 위해 먼저 스트림과 파일의 기본적인 차이부터 집고 넘어가자. (이해하 curryyou.tistory.com 스트림(Stream)이란? "스트림이란 시간의 흐름에 따라 발생하는 연속적인 데이터의 흐름이다." 이게 무슨 말인지 이해하기 위해 먼저 스트림과 파일의 기본적인 차이부터 집고 넘어가자. (이해하기 쉽게 단순화해서!) 파일은 mp3 처럼 4..
에 위치한 리소스를 웹 애플리케이션 [/upload]을(를) 위한 캐시에 추가할 수 없습니다. 왜냐하면 만료된 캐시 엔트리들을 없애버린 이후에도 여유 공간이 충분하지 않기 때문입니다. 캐시의 최대 크기를 증가시키는 것을 고려해 보십시오. 해결방법 : Tomcat 설치 경로/conf/context.xml에 아래 내용 추가 cache의 최대 크기는 10MB로 잡혀있는데, cache를 사용 안 할 수도 있지만 size를 늘리는 게 일반적인 가이드 출처 : https://blog.naver.com/PostView.nhn?blogId=yjhyjh5369&logNo=222037563621
