몽땅뚝딱 개발자

터미널에서 아래의 명령어를 실행한다. 포트번호는 자유롭게 설정할 수 있다. npm run serve -- --port 3000 개인적으로 공부한 내용을 정리하는 블로그로 잘못된 개념을 게시하지않도록 주의하고 있으나 오류가 있을 수 있습니다.

1. 이클립스의 서버탭에서 'No server are available. Click this~' 를 클릭한다. 2. 내가 설치한 버전을 선택 후 Next! 3. 톰캣 위치 설정창이 나오는데 설치할 때 아무것도 건드리지 않고 설정된대로 설치했다면, 아마 tomcat의 위치는 아래의 경로 둘 중에 하나일 것이다. 경로를 넣어주고 Next를 누른다. C:\Program Files\Apache Software Foundation\Tomcat 10.0 C:\Program Files (x86)\Apache Software Foundation\Tomcat 10.0 4. 서버를 추가 할 프로젝트를 골라서 add 한 후 finish를 누른다. 내가 기존에 만들던 프로젝트는 다 Boot Project여서 Available..

※ JDK가 설치되어있어야 한다. 1. 아래 사이트로 접속한다. Apache Tomcat® - Welcome! The Apache Tomcat® software is an open source implementation of the Jakarta Servlet, Jakarta Server Pages, Jakarta Expression Language, Jakarta WebSocket, Jakarta Annotations and Jakarta Authentication specifications. These specifications are part of the tomcat.apache.org 2. 톰캣버전은 사용하는 자바버전과 맞춰야한다고 들었다. 나는 1.8을 사용하지만 가장 최신으로 받았다. 3. 설..

에러 Path with "WEB-INF" or "META-INF": [WEB-INF/jsp/*.jsp] Path with "WEB-INF" or "META-INF": [WEB-INF/jsp/test1.jsp] 해결 1. Controller에 @Controller 어노테이션을 달아주었는지 확인 2. application.properties에 prefix와 subfix를 폴더 경로를 제대로 적어주었는지, 오타는 없는지 확인 부터 먼저 해야한다. 이 의존성을 pom.xml에 등록해주고 반드시 재기동해야한다. org.apache.tomcat.embed tomcat-embed-jasper ◽ tomcat-embed-jasper가 왜 필요할까? tomcat-embed-jasper는 JSP 파일을 servlet으로 ..

보호되어 있는 글입니다.

◽ Auto Close Tag 태그를 자동으로 닫아준다. ◽ ESLint ES(Ecma Script, 표준 자바스크립트)와 Lint를 합친 말이다. 문법 중에 에러가있다면 표시해준다. prettier와 함께 많이 사용한다고 한다. ◽ Korean Language Pack for Visual Studio Code 한국어 팩이다. ◽ Vetur VSCode에서 지원하는 유용한 Vue 플러그인이다. 문법 작성시의 하이라이팅이나 snippet 등을 지원한다. 거의 필수적으로 설치하는데 자세한 기능은 정리 후 아래 링크를 달 예정이다. ◽ prettier 개발자마다 indent 값이나 세미콜론을 찍는 위치 등 코딩스타일이 모두 다르다. prettier는 협업할 때 좋은 확장프로그램으로, 한 사람이 친 것 처럼 코..

◽ Packaged Manager 버전 확인 -- npm의 경우 npm -v -- yarn의 경우 yarn --version ◽ Vue-cli를 이용한 프로젝트 생성 vue init [프로젝트명] [파일위치] // CLI 2 vue create [프로젝트명] // CLI 3 ◽ vue 모듈 설치 및 삭제 -- npm으로 설치하기 npm i [Module Name] npm install [Module Name] ex) npm i --save vue-router -- npm으로 전역으로 설치하기 npm install [Module Name] --global npm install [Module Name] --g ex) npm install gulp --global -- npm으로 삭제하기 npm uninsta..

◽ Git 기본 설정 모든 프로젝트에서 해당 정보를 사용하고싶다면 --global 명령어를 사용한다. $ git config --global user.name “name” // 전역 $ git config --global user.email “email” // 전역 $ git config user.name “name” $ git config user.email “email address” ◽ Git 설정 확인 설정한 모든 것을 확인할 수 있다. $ git config --list ◽ Git 저장소 생성 .git이라는 하위 디렉토리가 생성되며, .git 디렉토리에는 저장소에 필요한 뼈대 파일(Skeleton)이 들어 있다. # 프로젝트 폴더 안에 .git이라는 폴더가 생긴다. $ git init ◽ 기존..

에러 STS4에 lombok을 적용 후, ini 파일의 내용이 alert로 뜨면서 STS가 실행되지 않는 현상이다. 다른 방법으로 해결됐지만 추후 필요할까해서 기록을 남겨둔다. 1. ini파일의 vm 부분 수정 2. ini파일의 lombok.jar의 경로가 한글인지 확인 3. version 1.8 is not suitable 어쩌구 오류 => ini 파일에서 [-Dosgi.requiredJavaVersion=1.8]로 변경 ini 파일을 지지고 볶았지만 해결되는건 1도 없었다. 원인 스프링 버전이 업그레이드 되면서 lombok이 ini 파일을 못 찾아서 생기는 현상이라고 한다. 해결 이 블로그 덕분에 해결했다. 정말 감사합니다 ㅠㅠㅠㅠㅠㅠㅠ lombok을 적용할 때 IDE뿐만 아니라 ini 파일을 따로 ..

◽ go()안에 인수가 없을 경우 새로고침 this.$router.go() ◽ 지정된 페이지로 이동 (라우터 name) this.$router.push('라우터이름') 개인적으로 공부한 내용을 정리하는 블로그로 잘못된 개념을 게시하지않도록 주의하고 있으나 오류가 있을 수 있습니다.