자몽아이스티맛의 기술 블로그 자몽아이스티맛의 기술 블로그

뷰 인스턴스 생성자뷰를 new Vue()와 같이 인스턴스를 생성할 때 이를 생성자라 표현한다.Vue 인스턴스를 생성하고 나면 뷰 라이브러리를 로딩하게되고, 이후에 접근할 수 있다. 뷰 인스턴스 유효 범위뷰 인스턴스는 HTML의 특정한 범위 내에서만 속성들이 적용된다.이를 인스턴스의 유효 범위라고 한다. 인스턴스를 생성하고 난 후(new Vue()), 화면에 인스턴스 속성을 적용하는 과정은 아래와 같다. 뷰 라이브러리 로딩▼인스턴스 객체 생성(옵션 속성 포함)▼특정 화면 요소에 인스턴스를 붙임▼인스턴스 내용이 화면 요소로 변환▼변환된 화면 요소를 사용자가 확인 뷰 인스턴스 라이프 사이클뷰 인스턴스는 생성될 때 8개의 라이프 사이클이 존재한다.(Do it! Vue.js 입문 책의 저자 캡틴 판교님의 설명 참..

자바스크립트 런타임노드는 자바스크립트 런타임이다.런타임이란 특정 언어로 만든 프로그램을 실행할 수 있는 환경을 이야기한다. 이전에는 자바스크립트라는 언어를 브라우저에서만 사용할 수 있었다.그러나 2008년 구글에서 V8 엔진을 발표하기 시작하고난 후 자바스크립트를 독립적으로 사용할 수 있게 되었다. 라이언 달(Ryan Dahl)은 2009년 V8 엔진을 기반으로한 노드 프로젝트를 진행하며 지금의 노드가 탄생되었다. 노드는 V8과 libuv라는 라이브러리를 사용한다. V8과 libuv는 C와 C++로 구현되어 있는데, 우리가 작성하는 자바스크립트 코드를 노드가 V8과 libuv 라이브러리로 연결해준다. libuv 라이브러리는 노드의 특성인 이벤트 기반, 논블로킹 I/O 모델을 구현한다. 이 글은 다음과 같..

template might not exist or might not be accessible by any of the configured Template Resolvers...Thymeleaf를 사용하여 템플릿을 만들고 애플리케이션을 운영 서버에 배포하여 테스트하던 중...URL로 페이지 접속 시 위와 같은 에러가 발생했다. 위와 같은 에러가 발생하는 이유는 아래와 같다. 1. 템플릿이 존재하지 않음2. 템플릿 리졸버에서 접근할 수 없음 해결방안1번의 경우엔 실제 HTML 파일이 존재하지 않음에도 참조하려고 하거나 다른 HTML 파일에서 fragment와 같은 타임리프 기능으로 존재하지 않는 HTML파일을 include할 때 발생한다. 2번의 경우 fragment와 같은 기능을 통해 HTML의 실제 위치..

Error starting userland proxy: mkdir /port/tcp:0.0.0.0:port:tcp:0.0.0.0:port: input/output error Docker 컨테이너를 실행할 때 위와 같은 에러가 발생하면서 실행에 실패하는 현상이 발생했다. 해결 방법을 알아보자. 원인컨테이너에 포트를 바인딩할 수 없어 발생하는 문제인 것 같다. 내 경우에는 컨테이너를 중지시키고 다음 날 실행 시키려 했더니 발생했다. 컨테이너에 바인딩하려는 포트를 다른 프로그램에서 물고 있는 경우도 발생할 수 있을것 같다. 해결Docker를 재시작하고 난 후 컨테이너를 실행하니 문제가 해결되었다. 만약 다른 프로그램에서 포트를 물고 있다면 컨테이너에 다른 포트를 바인딩하거나 해당 포트를 사용하는 프로그램을 종..

Node.js란Node.js는 크롬 V8 자바스크립트 엔진으로 빌드된 자바스크립트 런타임이다.Node.js는 이벤트 기반, 논블로킹 I/O 모델을 사용해 가볍고 효율적이다.Node.js의 패키지 생태계인 npm은 세계에서 가장 큰 오픈 소스 라이브러리 생태계이다. Node.js는 자바스크립트 코드를 실행시켜주는 프로그램이다. 이 글은 다음과 같은 내용을 참고하여 공부한 챕터를 정리한 내용입니다.Node.js 교과서 - 길벗 출판사

docker: Error response from daemon: Get https://registry-1.docker.io/v2/: net/http: request canceled while waiting for connection (Client.Timeout exceeded while awaiting headers).이 에러는 이미지를 다운로드하기 위해 이미지가 존재하는 Docker Hub 서버에 접속하는데 접속 대기 시간이 오래 걸려서 연결을 끊어 발생하는 이슈이다. 해결방법 위와 같은 에러가 발생하는 경우 다음과 같은 방법으로 해결할 수 있다. 1. 트레이 아이콘에서 Docker 아이콘을 오른쪽 클릭한 후 Docker를 재시작해준다. 2. 이미지를 다운로드할 때 바인딩해 줄 포트를 방화벽 포트에 등..

이클립스를 실행했을 때 위와 같은 에러가 발생했다.프로젝트를 익스플로러에 오픈으로 열었는데 발생했다. 이유는 JDK와 JRE가 설치되어 있는 환경에서 프로젝트의 JRE가 PC에 설치된 JRE 폴더의 VM을 참조해서 발생하는 문제라고 한다. PC에 설치된 JDK폴더 내부의 JRE의 VM을 참조하도록 설정을 변경해줘야 한다. 해결하기 1. 프로젝트에 마우스 오른쪽 클릭 후 Properties 메뉴를 들어간다. 2. Java Build Path메뉴에서 Add Library버튼을 클릭한다. 3. JRE System Library 항목을 선택 후 NEXT버튼을 클릭한다. 4. Alternate JRE(선택이 안되었다면 선택)의 Installed JREs... 버튼을 클릭한다. 5. Installed JREs에서 ..

Validation failed for query for method public abstract...JPA를 통해 쿼리를 출력하는데 위와 같은 에러가 발생했다. 1234@Query("SELECT COUNT(u.uid) " + "FROM USERINFO u " + "WHERE u.userid LIKE '%:id%'")int (@Param("id")String id);cs 이유를 알아보니 @Query 어노테이션을 사용해서 네이티브 쿼리를 수행하려면 아래와 같이 nativeQuery 속성을 true로 설정해줘야 가능하다. 1234@Query(value = "SELECT COUNT(u.uid) " + "FROM USERINFO u " + "WHERE u.userid LIKE '%:id%'", nativeQue..