해보고 싶었던 것은 아래와 같다. 1. npm package 모듈 생성 2. index.js에서 import 3. index.html에서 index.js를 script에서 참조 4. 동작 확인 하지만 이것은 동작 하지 않는다. 이유는 무엇일까?? 이유는 node.js라는 것이 javascript를 가동시킬 수 있는 환경 즉 런타임에 불과하다는 점을 관과했다는 것이다. npm package module인 main.js module.exports = {a: 'aa'} 이를 import 하는 index.js var b = require('@efaef/daes') // 패키지 네임은 아무렇게나 했음 console.log(b) 이를 참조하는 index.html 이런 코드는 작동하지 않는다는 뜻이다. 왜냐하면 re..

npm install sass sass-loader

1. 환경구축 2. HTML 코드 작성 1. 환경 구축 (1) 키 생성 https://developers.kakao.com/ 에 접속해서 새 어플리케이션을 생성하여 키를 받는다. (2) 플랫폼 설정 (3) 카카오 로그인 설정 (4) 받아올 항목 설정 2. HTML 코드 작성 (1) 전체코드 카카오로그인 임시버튼 (2) 기억해야 할 것 들 a. Kakao는 accessToken을 로컬스토리지에 보관한다 그래서 보는 것처럼 로그인을 하면 로컬 스토리지에 토큰이 저장되고 이는 브라우저가 꺼져도 사라지지 않는다. 그래서 한번 로그인 하면 로그인 정보는 브라우저에 항상 기록된다. b. 로그인 되어 있는지 확인하는 방법 Kakao.Auth.getStatusInfo( (r) => console.log(r.status..

만약 클론받은 프로젝트가 혹은 npm run serve을 실행했을 때 위와 같은 오류가 뜰 수 있다. 이것은 npm i 와 같은 기능을 하는 동작을 지금 npm run serve 를 하고 있는 창구와 다른 창구에서 했기 때문이다. 예를 들어 나 같은 경우에는 스프링부트 웹팩을 통하여 한번 npm 모듈을 다운 받은 뒤에 실행 확인을 하고 그 뒤 프론트 프로젝트로 돌아와서 npm i 를 통해 모듈을 다운 받았더니 문제가 생겼다. 이때 스프링부트에서 css파일과 관련된 npm 모듈을 다운 받고 vscode로 돌아와 npm i를 했더니 내용은 같은데 이름은 같은 파일이 있어서 그 파일을 다운 받지 못하여 생기는 오류다. 따라서 npm rebuild node-sass 를 통해 node-sass라는 모듈을 다시 빌..