백엔드와 프론트엔드를 같이 디버깅하려면 백엔드 따로 프론트엔드 따로 실행 해야 합니다. 이전 포스팅에서는 디버깅을 포기하고 자동화를 했었습니다. (참고 : [ASP.NET Core 6] 비주얼 스튜디오 + React 5 (1/3) - 개요 및 프로젝트 생성 ) 이번 포스팅에서는 - 'SpaProxy'를 이용하여 백엔드를 실행한 후 npm을 실행 시키고 - 비주얼 스튜디오의 디버거에 연결하고 - 자바스크립트(javascript)를 비롯한 'NPM' 프로젝트를 디버깅을 할 수 있도록 하겠습니다. 연관글 영역 0. 문제의 시작 이것저것 다 귀찮으면 프론트엔드 출력물만 가지고 'ASP.NET Core 6'에서 웹서버 돌려서 해도 되긴 합니다. 소스맵만 잘 구성과 크로스 도메인(Cross Domain, CORS ..

다른 포스팅에서도 언급했습니다만..... 'NPM Task Runner'는 하위 폴더의 'package.json'을 읽을 수 없습니다. 1. 이슈 확인하기 이것에 대한 이슈가 있는데. github - madskristensen/NpmTaskRunner Issues : Allow to run this extension when package.json is in subfolder instead of the root folder of the project. #37 몇 가지 방법이 제시되어있습니다. 저는'NPM Task Runner'를 수정해서 사용하라는 'alfr3c0d3'님의 방법을 사용합니다. ( 참고 : https://github.com/madskristensen/NpmTaskRunner/issues/3..

이전 포스팅에서 ASP.NET Core 프로젝트에 NPM을 올리는 작업을 했습니다. 이 프로젝트에서 이것을 제대로 쓰려면 결국 js파일과 css(여기서는 sass)를 빌드(혹은 미니마이징)해서 웹페이지에서 사용해야 합니다. 이 포스팅은 webpack와 sass를 이용하여 js,css파일을 출력하고 MVC를 통해 이 파일을 사용하도록 하겠습니다. [ASP.NET Core 6] ASP.NET에 NPM 세팅하기 (feat. Task Runner) [ASP.NET Core 6] ASP.NET MVC + NPM (feat. webpack, sass) 1. 프로젝트 생성 ASP.NET Core MVC로 프로젝트를 생성한 후 이전 포스팅에서처럼 npm을 설정합니다. package.json 설정은 다음과 같습니다. 1..

앵귤러2를 새로 받아야 해서 npm을 돌려봤는데.... index.js:2 const spawn = require('child_process').spawn; ^^^^^ SyntaxError: User of const in strict mode. 어떤 명령어를 날려도 이 에러가 뜨면서 진행이 되지 않습니다. 1. 일반적인 해결방법 일반적으로는 npm을 업데이트하거나 캐쉬를 날린 후 다시 설치하면 됩니다. 업데이트 명령을 아래와 같습니다. Set-ExecutionPolicy Unrestricted -Scope CurrentUser -Force npm install --global --production npm-windows-upgrade npm-windows-upgrade 다시 설치하는 명령은 아래와 같습니..

비주얼 스튜디오 2015(Visual Studio 2015)에 앵귤러js2를 받아서 넣긴 했는데.... 종속성 복원이 안 되고 다음과 같이 표시됩니다. npm - 설치되지 않음(not installed) UI에서 어떤 것이 실패했는지 알 수 없으므로 한땀한땀 찾아보니..... 'fsevents'가 설치되지 않았습니다. (패키지 명으로 찾으시길 바랍니다.) 이제 오류의 내용을 알았으니 해결방법을 찾기만 하면 됩니다! 1. 방법1 - 외부 도구 지정하기 이것에 관해서 대표적인 해결방법은 npm을 글로벌 버전으로 연결하라는 것입니다. (참고 : SCOTT HANSELMAN - Visual Studio 2015 - Fixing "Dependencies npm not installed" from fsevents ..

node.js를 쓸 일이 있을까? 라는 생각을 하던 시절이 있었는데..... 앵귤러JS(AngulraJS)가 2버전으로 올라가면서 'Node.js'를 쓰게 되면서 이제는 정말 'Node.js'를 배워야 할 때가 왔습니다. ㅎㅎㅎㅎ 'Node.js'를 활용하려면 NPM(Node Packaged Modules)도 있어야 하니 같이 설치하고 세팅해 보겠습니다. NPM은 Node에서 사용하는 모듈을 모아둔 패키지 입니다. (참고 : nodejs.org - Node.js 소개 ) 1. Node.js 노드js의 윈도우 버전은 인스톨러(Windows Installer, .msi)를 제공하기 때문에 원터치로 설치가 가능합니다! 노드js 홈페이지로 가서 설치하려는 윈도우 버전에 맞게 설치 파일을 다운받습니다. 참고 : ..