리고니

Vue.js를 활용하여 게시판 CRUD를 작성했습니다. 코드분석 및 기능설명은 Vue 게시판에 작성하겠습니다 !! 출처 : https://www.youtube.com/playlist?list=PLyjjOwsFAe8ITIDUNsU_x4XNbPJeOvs-b

언제부터인가 기력이 없고 체력이 너무 딸려서 일과가 끝나고 밤만되면 피곤해서 아무것도 할 수가없었다.. 물론 운동을 그만둔지 오래되었지만 주말 혹은 평일에 간간히 유산소운동을 하면서 나름 관리를 해왔지만 식습관이 부실해서 그런가 아니면 백신을 맞은뒤로 급격히 힘들어졌다.. 큰일이다 공부도 체력이 중요한데 해야 할 일, 하고 싶은 일은 산더미이지만 체력이 따라주지않는것만큼 억울한 일은 없다 !! 집에서라도 근력운동하면서 잘 챙겨먹고 체력을 키워야겠다 마음도 싱숭생숭해서 한동안 정신차리지못하고 한눈 팔았지만 다시 다잡기로 하였다 역시, 많은것을 잃어야 얻을 수 있고 그때 얻는것이야말로 진정한 가치있는 것이고 소중한것이니 취업할때까지는 모든것을 포기하고 잃으며 취업준비에 오로지 시간과 노력을 들이자 !! 기회..

서버를 구동하다 에러가 났다. 라우터에서 export 하지 않아서 생긴 오류이다 라우터에가서 export 해주자 해결되었다 !

서버 구동중 아래와 같은 에러가 발생했다. 해결법 프로젝트에 package.json에서 rule을 추가하도록 하자

Vue 프로젝트를 생성하고 작업하다가 서버를 키다가 오류가 생겼다. 에러 해결법 설치한 eslint를 제거해준다 이후 서버가 정상적으로 켜졌다.

req.body body로 전달된 데이터에 접근 ( Spring에서 jquery , ajax 로 넘어오는 방식 ) postman 등의 앱을 이용해 body를 전송해본다. /info/update {"title" : "abc" } req.params 주소의 일부분으로 전달되는 값을 얻을 수 있다. 주소 중 변수로 사용하고 싶은 주소는 :로 지정한다. ( : 는 여러개 올 수 있다. ) req.query Query String( 주소 또는 Form ) 으로 전달되는 데이터를 얻을 수 있다. /user?userId=123

웹 애플리케이션의 진입점( end point, URls ), 클라이언트의 Request에 응답하는 것. Router를 분리해서 이 객체가 get post 처리하고 app이 처리하는 방식 app.METHOD(PATH, HANDLER) 가 기본 형태 app : express의 객체 METHOD : http request method. ( 소문자로 적는다 ) app.get post put delete PATH : server에서의 경로 HANDLER : 실제 동작 코드 함수 ( req, res 작성 ) PATH 고정된 주소 app.get('/', (req, res)=>{ }); app.get('/info', (req, res)=>{ }); 패턴 주소 ? ( 0 또는 1개 ) -> 'ab?cd' : acd, a..

프로젝트 루트 pacakage.json - 프로젝트 설정 파일 ( 실행 및 버전 정보 ) package-lock.json - 실제 설치된 라이브러리들의 추가 정보 app.js - express 설정 파일. 각종 폴더 및 Router에 대한 설정 bin/www - Node.js의 http.createServer가 실제 실행되는 곳. 프로젝트의 시작 파일 public - static resources. ( 그림, js, css ) routes - router들을 추가하는 곳. MVC 의 Controller 들이 위치하는 곳 views - view template , Spring 에서의 templates 폴더 역할 파일 및 폴더의 추가, 삭제, 이름 변경 등은 자유롭다. 다만, 해당 정보를 package.js..

NPM ( Node Package Manager ) 서버에 등록된 패키지를 다운받아 프로젝트 전용 또는 전역으로 설치해준다. 이후 설치한 라이브러리를 사용하거나 실행한다. npm은 npx를 실행하기 위한 도구이다. 패키지를 관리하지만 실행할 수는 없다. NPX ( Node Package Runner ) 일회용으로 서버에 등록된 패키지를 받아 실행한다. 실행 후 해당 패키지는 사라진다.

프로젝트의 뼈대를 잡아주는 작업 ( 폴더 및 파일 구조 , 필수 라이브러리 추가 등 ) 가장 기본적인 라이브러리만 포함되므로 초보가 사용하기에 좋다. 기본적인 MVC 구조를 구현하기에 편리한 뼈대를 만들어준다. npm 을 이용해 express-generator 설치한 뒤 새 프로젝트를 만들 수도 있고 npx를 이용해 만들 수도 있다. npm 이용시 명령어를 입력한 폴더의 하위폴더로 프로젝트가 생성된다. express-generator는 한 번만 설치하면 되고 이후는 express 명령어만 이용해 프로젝트를 만들 수 있다. npm install -g express-generator express --view=pug 프로젝트명 npx 이용시 일단 프로젝트 폴더를 먼저 만들고 그 안에서 명령어를 실행한다 np..