전체보기 (94) 썸네일형 리스트형 [Vue.js] Node.js , Vue.js 설치하기 - Windows 10 npm 으로 한 번에 설치 하는 것도 가능하지만, 나는 npm run 실행 시 해당 경로를 못 찾아서 삭제 후 개별 설치함. 나 같은 사람들에게 도움이 되고자 글을 쓴다. 1. Node.js 설치 https://nodejs.org/ko/ Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org Vue를 생성하기 위해선 Node.js 와 npm 을 먼저 설치해줘야 한다. 안정적인 버전을 받는 걸 추천한다. 설치 완료 후 (윈도우 + R) cmd 를 열어 설치가 됐는지 확인 한다. node -v 2. Vue.js 설치 npm을 통해 설치한다. node.js 를 설치하면 npm도 같이 설치 된다. 명령어.. [Node.js] 릴리즈 이전 버전 설치하기 릴리즈 이전 버전 설치하는 방법. https://nodejs.org/ko/download/releases/ 이전 릴리스 | Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org 1. 원하는 버전 다운로드 버튼 클릭 2. 파일 다운로드 windows 유저는 node-v18.12.1-win-x64 혹은 node-v18.12.1-x64.msi (실행 파일) mac 유저는 node-v18.12.1.pkg 파일을 다운로드 하면 된다. [Vue.js] 'vue-cli-service'은(는) 내부 또는 외부 명령, 실행할 수 있는 프로그램, 또는 배치 파일이 아닙니다. 해결 방법 'vue-cli-service'은(는) 내부 또는 외부 명령, 실행할 수 있는 프로그램, 또는 배치 파일이 아닙니다. 해당 에러가 발생 할 경우 1. Node.js 와 Vue.js 설치 확인 // 1. node 확인 node -v //2. vue 확인 vue -v 혹은 vue --version Node.js 설치 https://nodejs.org/ko/ Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org vue.js 설치 npm install vue vue-cli 도 함께 설치한다. npm install -g @vue/cli 해당 프로젝트 폴더 경로에 node_modules 폴더가 존재하면 된.. [Error] could not extract ResultSet swagger를 통해 query 조회 중 에러 발생. 결과값을 가져올 수 없다고 한다. 1. DB Table 또는 Column 존재 유무 확인 Table 또는 Column이 존재하지 않으면 발생 함. 2. Entity 확인 - DB와 일치 여부 entity의 Column명이 DB Table의 Column명과 일치하지 않으면 발생 함. 나같은 경우는 Column명이 틀려서 발생. 오타 수정 후 해결. [Swagger] java.lang.NumberFormatException: For input string: "" java.lang.NumberFormatException: For input string: "" swagger2에서 던지는 에러에 대한 핸들링이 제대로 이루어지지 않아 발생하는 에러. swagger-models와 swagger-annotation를 downgrade 해야 함. Maven io.springfox springfox-swagger-ui 2.9.2 io.springfox springfox-swagger2 2.9.2 io.swagger swagger-annotations io.swagger swagger-models io.swagger swagger-annotations 1.5.21 io.swagger swagger-models 1.5.21 Gradle compile("io.springfox:sp.. [Swagger] spring boot - No mapping for GET /swagger-ui 동일한 설정의 다른 프로젝트는 정상 작동 하는데, 신규 프로젝트만 해당 오류가 발생한다. Spring fox - Swagger2(2.9.x) 를 사용하는 경우 발생하는 현상이며, Spring boot 의 Configuration 을 통해 ResourceHandler를 Override 해서 swagger-ui.html 페이지의 위치를 설정해줘야 한다. Swagger 3버전에서는 해당 설정이 아닌 http://localhost:{ip}/swagger-ui/index.html 로 접속해야 함. @Configuration @EnableSwagger2 public class SwaggerConfig extends WebMvcConfiguarationSupport { @Override protected void a.. [Swagger] Error - org.springframework.context.ApplicationContextException: Failed to start bean 'documentationPluginsBootstrapper'; org.springframework.context.ApplicationContextException: Failed to start bean 'documentationPluginsBootstrapper'; Spring boot 2.6 이후에 spring.mvc.pathmatch.matching-strategy 값이 ant_apth_matcher에서 path_pattern_parser로 변경되면서 몇몇 라이브러리(swagger포함)에 오류가 발생. application.yml - 설정 추가 spring: mvc: pathmatch: matching-strategy: ant_path_matcher + Spring boot 와 Swagger 의 버전 호환 문제도 있다고 한다. Swagger 2.9.2 버전은 S.. [JPA] Entity PK 복합키 사용 - 직렬화 복합키 생성 시 직렬화(Serializable) 가 필요하다. 데이터 교환을 위해 존재하는데 직렬화 하지 않는 경우 해당 에러가 발생한다. Composite-id class must implement Serializable: "" JPA에서 직렬화를 해야하는 이유 https://www.inflearn.com/questions/17117 Serializable 질문 드립니다 - 인프런 | 질문 & 답변 강의를 역시나 재미나게 보고 있습니다 ㅎㅎ 가끔 블로그를 보면 entity에 Serializable을 붙이는 경우가 있는데 이것에 대한 설명 부탁드립니다. 제가 아는 한에서 Serializable은 객체를 다른 서버로(ip www.inflearn.com @Entity @Builder @Data @NoArgs.. [Vue.js] Vue3 Composition API - life cycle Composition API란? Vue3가 나오고 Composition API 를 제공하고 있다. Vue2와 유사하게 작동하지만, 해당 API를 사용할 경우 라이프 사이클 훅(Life cycle hook)에 대한 엑세스가 변경된다. Vue3에서는 beforeCreate , created 를 setup()이 대체하고 수행한다. setup() 안에 life cycle methods에 on을 추가해 Call back hook 을 만들 수 있다. beforeDestroy, destryoed 는 beforeUnmount, unmounted 로 변경 됐다. Vue3 New Methods ● onRenderTracked reactive dependency 가 렌더 함수에서 처음 접근 되었을 때 호출 된다. 추적 중인.. [Vue.js] Life cycle -인스턴스 생명주기 생명주기란? 인스턴스의 상태에 따라서 호출 할 수 있는 속성들. 라이프 사이클 훅(Life cycle hook)이란? 라이프 사이클마다 개발자가 추가한 커스텀 로직. Creation 컴포넌트 초기화 단계 Creation 단계에서 실행되는 훅(hook)들이 라이프 사이클 중 가장 먼저 실행된다. 컴포넌트가 DOM에 추가되기 전이며 서버 렌더링에서도 지원되는 훅이다. 클라이언트, 서버 모두에서 처리해야 할 작업이 있다면 해당 단계에 적용. ● beforeCreate 가장 먼저 실행되는 훅 데이터나 이벤트가 세팅되지 않은 시점이므로 화면 요소 접근 불가능. ● created 데이터, 이벤트가 활성화되어 접근이 가능함 템플릿과 virtual DOM은 마운트 및 렌더링 되지 않은 상태. Mounting DOM 삽.. 이전 1 ··· 3 4 5 6 7 8 9 10 다음
