CodeHoon

안녕하세요 상훈입니다.

Javascript 에서 window.location 을 이용하여 개발/테스트/운영을 구분하기 위해서 쓸 수 있는 간단한 스크립트를 소개합니다.

물론 제약사항이 존재합니다.

예를 들어 devURL, tstURL, URL 이런식으로 접두 주소를 가지고 있어야합니다.

바로 보시죠

window.location 이용하기

//개발모드 확인하기
window.location.hostname.startsWith('dev')

//테스트모드 확인하기
window.location.hostname.startsWith('tst')

이런식으로 사용할 수 있네요. return 되는 결과는  boolean 입니다 ( true / false )

window.location.hostname.startsWith() 사용하기

// hostname 가져오기
const hostName = window.location.hostname

// hostName의 값에 따라 로직 분기하기
if (hostName.startsWith('dev')) {
  return 'this is dev'
} else if (hostName.startsWith('tst')) {
  return 'this is tst'
} else {
  return 'this is prod or else'
}

이런식으로 사용이 가능합니다.

여지껏 맨날 window.location.indexOf 등으로 찾았었는데 이런 좋은게 있다니,, 감동이네요.

감사합니다.

안녕하세요 상훈입니다.

그간 자주 npm run dev / npm run 에러가 발생하였었는데, 오늘에서야 진짜 이유를 알았습니다.

npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! @ development: `mix`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the @ development script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:

npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! @ dev: `npm run development`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the @ dev script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:

일단 에러 해결부터

npm i -g npm@latest

바로 npm의 최신 버전 설치였습니다.

제가 얼마전에 npm 설치를 했었기에 막연하게 최신버전이겠거니 해서 신경 자체를 안썼습니다.

그러나 오늘 알게되었습니다...... 후.... 깊은 brain crack이 찾아오네요 ㅎㅎ

화이팅입니다.

참고

안녕하세요 상훈입니다.

Laravel - vue 설치 중에 발생한 에러에 대한 해결방법을 포스팅하겠습니다.

총 2가지 방법으로 진행하도록 하겠습니다.

1. laravel mix 를 삭제하고 재설치.

2. node_modules 와 package_lock.json 을 삭제 후 재설치.

1번째 방법으로 해보시고, 안되시면 2번째 방법으로 진행하시길 바랍니다.

1. laravel mix 를 삭제하고 재설치.

$ npm remove laravel-mix

$ npm install laravel-mix --save-dev

$ npm install cross_env --save-dev

$ npm install && npm run dev

만약 안된다면,

2. node_modules와 package-lock.json 삭제 후 재설치

$ rm -rf ./node_modules

$ rm -rf ./package-lock.json

$ npm install && npm run dev

저는 1번 방법으로 됐을 때도 있고, 2번 방법으로 됐을 때도 있었습니다.

아무래도 다른 프레임워크 2가지를 함께 적용시키려고하다보니 충돌하면서 에러가 발생하는 것 같습니다.

이상으로 LARAVEL - VUE 설치 및 연동의 포스팅을 마치겠습니다.

감사합니다.