반응형 tech documents64 [Linux] 사용 중인 포트 종료하기 NodeJS 등을 사용하다보면 가끔씩 비정상적으로 종료되면서, 특정 포트에서 서버를 실행할 수 없다는 오류가 나기도 한다. 이럴 때에는 직접 사용 중인 포트를 종료시켜주어야 한다. netstat -nap 이 명령어는 위와 같이 열려있는 모든 포트를 보여주는 명령어이다. 80번 포트에서 Node express server를 실행하고 다시 netstat -nap 명령어를 입력하면 아래와 같이 80번 포트가 열려 있는 것을 볼 수 있다. 특정 포트를 검색하고 싶다면, 파이프라인과 grep 명령어를 사용하면 손쉽게 찾을 수 있다. 예를 들어 80번 포트를 검색하고 싶다면 위의 터미널에서 address 가 :80으로 끝날 것이기 때문에 netstat -nap | grep :80 이 명령어를 사용하면 이렇게 특정 .. 2020. 3. 12. [Webpack] file-loader Javascript에서는 ESM, commonJs 를 통하여 다른 JS파일에서 내보낸 함수나, 객체등을 가져올 수 있다. //index1.js const obj = require('./index2.js'); console.log(obj.name); //index2.js const obj = {name: 'from index2'}; module.exports = obj; 이렇게 index1.js, index2.js 파일을 만들고 node js로 실행해보면 name이 정상적으로 출력되는 것을 확인할 수 있다. node js에서는 아직은 experimental module로 ESM을 지원하기 때문에, 특별한 설정을 하지 않으면 ESM을 사용할 수 없기에 CommonJs를 이용했다. 물론 ESM과 commonJ.. 2020. 3. 11. 카카오맵(Kakao Map) Javascript API 사용하기 - 2) 저번 포스팅에서 카카오맵 api를 사용할 앱과 도메인을 등록하는 과정까지 마쳤습니다. 이 다음 단계로, 리액트 웹 앱에 직접 api를 가져와서 지도를 띄워보겠습니다. 1. 개요 1. localhost 도메인 등록 2. HTML script 추가 3. React component에서 map 생성 4. 서버 실행 2. 실행 1. localhost 도메인 등록 저번 포스팅에서는 카카오맵 apif를 사용할 깃허브 페이지 주소를 추가했었습니다. 개발 단계에서 카카오맵 api를 가져와야 하기 때문에, localhost:3000 과 같은 로컬호스트 url을 추가해줍니다. (로컬 서버라 안될 줄 알았는데, 잘 되더라구요..) 2. HTML 스크립트 추가 이제는 카카오맵 api모듈을 가져오는 스크립트를 html파일에 추.. 2020. 2. 11. 카카오맵(Kakao Map) Javascript API 사용하기 - 1) http://apis.map.kakao.com/web/guide/ 불러오는 중입니다... 1. 개요 카카오맵 Api를 사용하기 위해서는 아래와 같은 과정을 따라야 합니다. 1. 카카오 개발자사이트 (https://developers.kakao.com) 접속 2. 개발자 등록 및 앱 생성 3. 웹 플랫폼 추가: 앱 선택 – [설정] – [일반] – [플랫폼 추가] – 웹 선택 후 추가 4. 사이트 도메인 등록: [웹] 플랫폼을 선택하고, [사이트 도메인] 을 등록합니다. (예: http://localhost:8080) 5. 페이지 상단의 [JavaScript 키]를 지도 API의 appkey로 사용합니다. 6. 앱을 실행합니다. 이 순서를 따르며 카카오맵 Api를 사용해보도록 하겠습니다! 2. 실행 2. .. 2020. 2. 8. 이전 1 ··· 4 5 6 7 다음 반응형
