본문 바로가기

분류 전체보기

 (341)
웹/Frontend) 브라우저 동작 방식 브라우저의 주요 기능 사용자가 선택한 자원을 서버에 요청하고 브라우저에 표시 자원은 주로 html 문서 또는 정적 파일 URI : Uniform Resource Identifier - 자원의 주소 브라우저의 기본 구조 사용자 인터페이스 : 주소 표시줄, 이전/다음 버튼 등 브라우저 상단의 툴바같은 부분 브라우저 엔진 : 사용자 인터페이스 - 렌더링 엔진 사이의 동작을 제어 렌더링 엔진 : 요청한 콘텐츠를 화면에 표시 ex) 파이어폭스 : Gecko / 사파리,크롬 : 웹킷 동작 과정 HTML 문서 파싱 콘텐츠 트리 내부에서 HTML 태그를 DOM 노드로 변환 외부 CSS 파일의 스타일 파싱 이 정보들로 랜더트리 생성 랜더트리 순서대로 화면에 표시 후 각 노드를 화면의 정확한 위치에 표시 UI 백엔드에서 ..
JAVA/VSCode) compiler.err.doesnt.exist 빨간줄 오류 해결 실행은 똑바로 되는데 javax나 springboot 관련 모듈을 임포트하면 빨간줄이 생겨서 스트레스..... 어떻게 해결하나 했는데 구글링끝에 아주 간단한 문제였음을 알았다.. ㅠㅠ 자바 경로 설정부터 vscode setting 까지 다해봤는데 결론은 extension을 다시 설치했다. https://github.com/redhat-developer/vscode-java/issues/956 compiler.err.doesnt.exist vscode · Issue #956 · redhat-developer/vscode-java [provide a description of the issue] Unix MacOS Mojave version(10.14.5) JDK version:"1.8.0_60" Visua..
Javascript) 서버에서 보내는 Blob 객체 > File 객체 받기 var xhr = new XMLHttpRequest() xhr.open("POST", "", true) xhr.setRequestHeader('Content-type', 'application/json') xhr.responseType = 'blob' xhr.send(JSON.stringify(json)) // json을 바디에 담아서 요청 보낼 경우! 아니면 그냥 send() xhr.onload = function() { console.log(xhr) var blob = xhr.response var file = new File([blob], "sample") // blob 은 반드시 배열안에 담아야 한다! console.log(file) } ajax로 받았더니 그냥 responseText에 바이너리로..
SpringBoot) 스프링부트에서 Resource를 읽는 방법 https://calgaryhomeless.tistory.com/27 (개념) Spring이 Resource를 가져오는 방법 웹 페이지를 만들다보면 Resource 를 사용할 일이 정말 많아진다. 여기서 주로 사용하는 Resource는 HTML, Javascript, Css, png 등이 있다. 이 Resource를 또 동적인 리소스 (dynamic resource)와 정적인 리소.. calgaryhomeless.tistory.com 핵심내용 컨트롤러에서 스프링부트 프로젝트의 resource 폴더 안의 정적 리소스 파일을 불러올때 다음과 같이 읽는다. 1. URLResource : URL을 기준으로 2. ClasspathResource : classpath를 기준으로 3. FileSystemResourc..
Javascript) 디렉토리 선택하여 파일 리스트 가져오기 내가 기억해야해!!!! https://hianna.tistory.com/347 [Javascript] 디렉토리 선택하여 파일 리스트 가져오기 (이름, 상대경로) 지난 번에는 사용자가 로컬에서 파일을 선택하고, 그 파일 내용을 읽어오는 방법을 알아보았습니다. [HTML] input type='file' 속성 알아보기 ( 파일 입력 ) [HTML] input type='file' 속성 알아보기 ( 파일 입 hianna.tistory.com
Spring Boot) 여러 포트 사용하기 (멀티 커넥트, 다중 포트) 8080에서도 접근 가능하고 https 적용했을때의 포트인 8443에서도 접근하고 싶다. 이때 멀티 커넥트를 해야 한다고 한다. package com.kpmg.lighthouse.tpplatform.tpplatform; import java.util.Collections; import org.apache.catalina.connector.Connector; import org.springframework.beans.factory.annotation.Value; import org.springframework.boot.web.embedded.tomcat.TomcatServletWebServerFactory; import org.springframework.boot.web.servlet.server.Serv..
Spring Boot) pfx 인증서로 https 적용하기 처음에 cer 파일을 줘서 삽질 엄청하다가 pfx받아서 바로 해결! 내가 pfx로 변경하면 좋을텐데 회사에서 pfx를 받기 위한 절차가 너무 많았다. 삽질한 내용도 같이 남겨야지 cer파일과 crt 파일 .cer 파일 거의 대부분 PEM 포맷이며, 주로 Windows 기반에서 인증서 파일임을 구분하기 위해서 사용되는 확장자 이다. crt 확장자와 거의 동일한 의미이며, cer 이나 crt 확장자 모두 윈도우에서는 기본 인식되는 확장자이다. 저장할때 어떤 포맷으로 했는지에 따라 다르며, 이름 붙이기 나름이다. .crt 거의 대부분 PEM 포맷이며, 주로 유닉스/리눅스 기반 시스템에서 인증서 파일임을 구분하기 위해서 사용되는 확장자 이다. 다른 확장자로 .cer 도 사용된다. 파일을 노트패드 등으로 바로 열..
Spring Boot) BCryptPasswordEncoder 사용해서 사용자 비밀번호 암호화하기 1. 의존성 추가 build.gradle 파일에 의존성을 추가해준다. spring-boot-starter-security dependencies { ... implementation 'org.springframework.boot:spring-boot-starter-security' ... } 2. SpringSecurity.java 이걸 추가하면 웹 처음 화면에 기본적으로 제공해주는 로그인 창이 뜨는데 이건 사용하지 않을 것이므로 컨피그를 아래와 같이 추가해준다. package com.kpmg.lighthouse.tpplatform.tpplatform; import org.springframework.context.annotation.Bean; import org.springframework.contex..

티스토리툴바