본문 바로가기
반응형

NPM10

mockserver 를 이용해 mock서버 만들기[2] mock서버의 포트를 정의해주는 명령어를 만들도록 하겠다. 기본적으로 mock서버의 포트는 테스트하기 좋게 임의로 정해준다. yargs 패키지를 쓰면 스크립트에 넣은 옵션 값들을 받아 올 수 있고, .env로 사용을 하고 싶다면 .env 파일을 작성해서 불러오면 된다. //package.json "scripts": { "test": "echo \"Error: no test specified\" && exit 1", "mockAPI": "node mocks/index.js add --portAPI=10001" }, 저렇게 add --portAPI라고 추가를 해두면 기존에 설치한 yargs패키지가 인식을 해서 포트를 읽어온다. index 서버 파일을 작성해보겠다. #!/usr/bin/env node cons.. 2021. 2. 4.
mockserver 를 이용해 mock서버 만들기[1] 프론트 개발시 back RESTful API를 필요에 따라 구현을 해야될 때가 있다. 요새는 너무 피곤하고, 집에 와선 컴퓨터를 키기도 싫다. 물론 재밌고 즐거운 일이지만 요새는 시간을 컴퓨터에 그만 뺏기고 싶다. 그래서 찾아본 것이 mock서버이다. mock서버라는게 별게 아니다. 쉽게 front에 필요한 스팩에 맞게 back api 간단한게 구현한 것 일뿐이다. (개인적으로 mock서버를 처음으로 접할 때에는 무엇인가 싶었지만, 개발을 해보면 해볼수록 mock 서버는 편리하고 유용하다.) 요새는 nodeJS나 python을 이용하면 확실히 편리하고 빠르게 만들 수 있어서 패키지를 이용해 템플릿을 만들어 두고 계속 쓰려고 한다. mockserver npm package mockserver 링크 yarg.. 2021. 2. 2.
CRA[typescript react] 에 post-css 적용[2] typescript react 에 post-css 적용하기 그리고 삽질기 두번째 첫번째 글 2021/01/21 - [notion/npm package] - CRA[typescript react] 에 post-css 적용[1] CRA[typescript react] 에 post-css 적용[1] typescript react 에 post-css 적용하기 그리고 삽질기 글쓰기에 앞서 진짜로post-css를 적용하기 힘들었다. 이유는 eject를 하는 방식과 설정 그리고 다양한 방법이 있는데, 나와 맞는 방식을 찾기 위해서 xxxxersuy.com 참고 링크 PostCSS-cli npm 링크 PostCSS npm 링크 PostCSS-import 링크 위 사이트를 이용하면 대략적인 설명과 내용이 있지만, 간략한.. 2021. 1. 21.
CRA[typescript react] 에 post-css 적용[1] typescript react 에 post-css 적용하기 그리고 삽질기 글쓰기에 앞서 진짜로post-css를 적용하기 힘들었다. 이유는 eject를 하는 방식과 설정 그리고 다양한 방법이 있는데, 나와 맞는 방식을 찾기 위해서 많은 고민을 했다. 적용을 해보면서 문제점과 방식 고민을 한 부분들을 메모하고자 글을 작성을 했다. 이 글을 다른사람들이 읽을지는 모르겠지만typescript,react.js든 적용하는 방법은 똑같기 때문에 적용을 해야된다면 따라서 할 수 있도록 쉽게 작성을 해보려고 한다. 요새 트랜드라고 하는 `post-css` 확실히 대세가 된 것 같긴 한 이유는 점점 사용자들이 많아져가는 것을 몸으로 느끼고 있다. 불과 1년~2년 전만 해도 `sass`, `scss`에 대한 글들이 정말 많.. 2021. 1. 21.
React or javacript npm-run-all 으로 npm 스크립트 여러개 실행하는 방법 React or javacript npm-run-all 으로 npm 스크립트 여러개 실행하는 방법 npm 주소 npm-run-all package 링크 https://www.npmjs.com/package/npm-run-all git hub 주소 npm-run-all github 링크 https://github.com/mysticatea/npm-run-all/releases npm-run-all 설명 npm run-script 등과 같은 기본적인 명령어로는 여러개의 스크립트를 한번에 실행을 할 수 없다. 여러개 스크립트를 한번에 사용을 하고 싶을 때 npm-run-all을 이용을 하면 된다. 개인적으로 쓰기 좋아하는 npm package 인 이유는 post-css를 CRA (create-react-app.. 2021. 1. 20.
반응형