인생 투자 노트 📒

뷰로 개발을 하다 보면 페이지를 이탈 시 confirm을 통해 확인을 체크하는 로직을 구현하게 된다. beforeRouteLeave (to, from, next) { const answer = window.confirm('Do you really want to leave? you have unsaved changes!') if (answer) { next() } else { next(false) } } 그런데 콘솔 에러에 promise 에러라고만 뜬다. 에러가 난 구간을 확인해보니 onAbort에서 에러가 발생했다. 무슨 일이지? 검색을 통해서 답을 찾았다. https://github.com/vuejs/vue-router/issues/2873#issuecomment-519274203 결로부터 말하면 아래..

[부스트 코스] 웹 백엔드 학습 내용을 정리한 글입니다. 브라우저에서 서블릿 주소로 Request를 요청하면 해당 서블릿이 메모리에 있는지 확인합니다.없다면 인스턴스를 생성(Create) 후 initialize를 합니다. 이때 init() 메소드가 호출됩니다.get요청인 경우 doGet() 메소드가 호출 됩니다.서블릿 코드가 변경된 경우 destroy() 메소드가 호출됩니다.그리고 다시 init(), doGet() 호출됩니다.init()가 호출 된 후 다른 요청이 들어 오면 doGet()만 호출됩니다. package examples; import java.io.IOException; import javax.servlet.ServletConfig; import javax.servlet.ServletExce..

[부스트 코스] 웹 백엔드 학습 내용을 정리한 글입니다. WAS는 웹 브라우저로부터 Servlet 요청을 받으면 다음과 같이 동작합니다.요청할 시 정보를 HttpServletRequest객체를 생성 후 저장합니다.요청을 보낸 웹 브라우저에게 응답을 보내기 위해 사용될 HttpServletResponse객체를 생성 후 저장합니다.생성된 HttpServletRequest, HttpServletResponse 객체를 서블릿에게 전달합니다. HttpServletRequesthttp프로토콜의 request정보를 서블릿에게 전달하기 위한 객체입니다.헤더 정보, 파라미터, 쿠키, URI, URL 등의 정보를 읽어 들이는 메서드, Body의 Stream을 읽어 들이는 메소드를 가지고 있습니다. HttpServletRe..

[부스트 코스] 웹 백엔드 학습 내용을 정리한 글입니다. Java EE 모드로 선택합니다. File > New > Dynamic Web Project를 선택합니다. 아래처럼 프로젝트명 firstweb, WAS를 아파치 톰캣 8.5를 선택한 후 Finish를 누릅니다. 생성된 프로젝트 우클릭New > Servlet 선택합니다. 아래와 같은 창이 뜹니다. 자바 패키지를 exmaples, 클래스 이름을 HelloServlet으로 입력한 후 Next 버튼을 누릅니다. URL mappings에 자동으로 HelloServlet으로 되어 있습니다.URL은 localhost:8080/프로젝트이름/클래스이름 자동 매핑됩니다. Next를 누른 후 doPost 체크박스를 제거한 후 Finish 버튼을 눌러 완료합니다. do..

File > New > Project를 선택하면 아래 처럼 프로젝트 마법사 창으로 연결됩니다. Maven > Maven Project를 선택합니다. 다음에 나오는 창에서 Next를 누르면 아래와 같이 Archetype 선택하는 창이 나옵니다. Filter에서 아래와 같이 입력하여 org.apache.maven.archetypes를 선택합니다. 적절한 Group Id, Artifact Id를 입력합니다. Finish 버튼을 눌러서 완료합니다. Java SE 버전이 기본으로 1.7이 선택되어 있습니다. JRE Stytem Library 우클릭하여 Properties를 선택합니다. JavaSE 1.8로 변경합니다. index.jsp 에러 해결하기 위해서 dependence 추가합니다. pom.xml 더블클릭하..

Nuxtjs에는 정해진 디렉터리 별 목적이 있습니다. 그 목적을 알고 사용해야 원하는 결과물 얻을 수 있습니다. aseets컴파일되지 않아야 하는 css, sass, image, fonts를 넣는 디렉터리입니다. static서버 루트에 직접 매핑되어 바뀌지 않을 파일을 넣는 디렉터리입니다. 대표적으로 파비콘(favicon) 있습니다.static 폴더 아래 파비콘이 존재하면 http://localhost:3000/favicon.ico 형태로 접근 가능합니다. pages애플리케이션의 view와 routes와 관련 있는 중요한 디렉터리입니다.언더바(_)로 파일명이 시작할 경우 동적으로 라우팅 됩니다.예를 들어 pages/todo/create.vue 형태로 구성하면 localhost/todo/create로 접근..

[부스트 코스] 웹 백엔드 학습 내용을 정리한 글입니다. Eclipse 설치하기 www.eclipse.org/downloads/ 에서 이클립스 인스톨러를 다운 받습니다.더블 클릭하여 설치하기를 누릅니다. JAVA EE를 선택해서 설치합니다. 설치 경로로 가면 실행파일이 생성됩니다.저는 편리하게 응용프로그램으로 옮겼습니다. Hello World 실행하기Wellcome 페이지를 닫고 새로운 자바 프로젝트를 생성합니다.File > New > Java Project Project name hello world 로 작성합니다. JRE는 1.8로 선택했어요. Finish 버튼을 누릅니다. src 우클릭하면 메뉴가 팝업됩니다.New > Class를 선택합니다. name을 HelloWorld 입력하고 public st..

[부스트 코스] 웹 백엔드 학습 내용을 정리한 글입니다. 다운로드하기www.oracle.com/java/technologies/javase-downloads.html 이동하여 JDK를 다운로드한 후 설치합니다. 설치 환경 확인하기java jdk 설치 경로는 /Library/Java/JavaVirtualMachines라고 합니다.해당 경로로 이동하여 설치된 jdk 버전을 확인합니다. cd /Library/Java/JavaVirtualMachines ls -aljdk1.8.0_121.jdk 설치되어 있다면 아래 경로가 자바 홈 경로가 됩니다./Library/Java/JavaVirtualMachines/jdk1.8.0_121.jdk/Contents/Home 초기 path 지정하기권한을 root로 바꾼 후 pa..