Seonglae Cho
아침에는 아래 노트 정리
Sign in to your account
https://stryxcokr-my.sharepoint.com/personal/insik_b_stryx_co_kr/_layouts/OneNote.aspx?id=%2Fpersonal%2Finsik_b_stryx_co_kr%2FDocuments%2FNotebooks%2FStryx_Insik_ResearchNote1&wd=target%28Logs_Unsorted.one%7C4432DF05-CC8C-4BC8-B822-A2E03DD27544%2F2019-12-10%20%EA%B2%80%EC%88%98%EC%9C%88%EB%8F%84%EC%9A%B0%EC%84%9C%EB%B2%84%20%EC%9D%B4%EC%A0%84%7CF27A4B56-4D37-49B1-8D1A-38D41410200C%2F%29
1. prj 생성 swagger express mx
vue cli 4 가 global 깔려있었기 때문에
로 바로 생성
평소처럼 HellowWorld Component 이름 바꾸고
yarn server 하려는데 
이런에러 뜸 별거 아니고 그냥 컴퍼넌트 이름 바꿀때 5개 이름 전부 바꿔야하는데
- 컴포넌트 파일 이름
- 컴포넌트 export default name 이름
- import 한 이름, import path 이름, component export 부분, tag 이름
여기서 path이름을 안바꿔서 생긴 오류!
계획 수정
- vue project는 admin용으로 두고
- express project는 백엔드용으로 만든다
만들려던게 백엔드였으므로 express 프로젝트 폴더 만들기로 다시 시작
크게 express와 swagger를 사용해야 하므로 웹 검색을 잠깐 해봤는데
Swagger-node로 express 시작하기
스웨거 개념을 잡느라 상당한 시간을 소요하고 있다. 이전 포스트에서는 기존프로젝트에 스웨거를 적용하는 방법에 대해 정리하였다. 이번에는 노드 익스프레스(Express.js)로 프로젝트를 시작할때 스웨거 툴을 이용해서 개발하는 방법에 대해 알아보겠다. 스웨거 모듈( swagger-node)을 글로벌로 설치한다. 설치가 완료되는 다음 명령어 들을 사용하여 프로젝트를 시작할 수 있다. 노드 프로젝트를 생성( create)하고 swagger-edit 도구로 스웨거 문서를 편집( edit)할수 있다.
http://jeonghwan-kim.github.io/swagger-node/
이걸 보니 swagger 를 global 로 설치해서 cli 로 expresss-swagger-mx라는 일종의 보일러 플레이트를 만들 수 있었다
근데 1.0.0버전이 안된 패키지이다 보니 (0.6.0이 최고 버전)
세팅에 오류가 많았다
처음은 이 오류인데 0.1.0으로 cli에 설정이 되어있어서 0.1.0으로 깔려서 yarn start가 안된다.
node 12 와의 충돌이라는데 이걸 해결하기 위해서 node_modules를 수정해야 해서 yarn upgrade마다 초기화되기 때문에
- 0.6.0 버전으로 업그레이드 했다
근데 또다른 오류가 생겼다
위에 나오는 넘이 swagger-ui라는 녀석으로 swagger의 핵심 부분 중 하나인데, 0.6.0 에서는 아직 지원을 안하는지 없다!!!
이런 에러가 뜨는데 다른 버전들을 전부 찾아보니
높은 버전에서부터 위의 2 개의 에러를 모두 해결하는 녀석은 0.0.4가 가장 높은 버전이었다.
그래서 개발환경은 세팅 완료!
아 그리고 위에는 test project로 한거고
dev.azure.com
https://stryxdevsln@dev.azure.com/StryxDevSln/StPano_svr_n/_git/StPano_svr_n
이 녀석을 clone 해서 git ignore node_modules넣어서 해야한다
READme 작성하고 에저 데브옵스 깃랩에 푸쉬
branch 1 로 유정님이 브랜치 따서 거기서 시작하면서 node 배울 예정
2. node 책 공부
여기에 정리!