MY_STUDY

https://developers.kakao.com/console/app

위 주소로 가서 카카오 아이디로 로그인을 한다.

로그인을 하면 해당 화면을 뜨는데, 애플리케이션을 다음과 같이 원하는 이름과 카테고리 사업자명으로 저장한다.

등록한 애플리케이션에 들어가서 플랫폼 카테고리로 간다. WEB 플렛폼 등록을 다음과 같이 해준다. (단순 연습이니 사이트 도메인을 localhost:8080, 127.0.0.1:8080 으로)

https://apis.map.kakao.com/

카카오맵 api 사이트이다. web을 선택하면

자바스크립트 api의 스크립트 부분을 복사해서 내 html 에 붙여넣기 한다. (무조건 내가 설정한 자바스크립트 태그의 위에 넣어야 한다.)

developer 사이트로 돌아가서 앱키 카테고리로 간 후, 자바스크립트키를 복붙한다. 그리고 이미 붙여넣은 태그 안에 앱키를 붙여넣기하면 된다.

크롬에 앱키를 포함한 주소를 주소창에 붙여넣기하고, 그것을 컨트롤 + s 로 추출하여 라이브러리 디렉터리 안에 넣는다. (라이브러리 디렉터리가 없다면 만든다)

자바스크립트 코드를 다음과 같이 설정해놓는다.

카카오 지도 API를 불러온 걸 확인할 수 있다.

lat과 lng는 지도의 위치. lv는 지도 확대 수준이다. 

navigator.geolocation.getCurrentPosition() 으로 사용자의 현재 위치를 허용할 것인지 묻고, data를 이용해 사용자의 현재 위치를 불러오게끔 한다.

지도의 위치를 옮기면 실시간으로 로컬 저장소에 값들이 저장된다.

다음 주소 API를 같이 사용하고 있을 경우, geocoder로 주소를 찍었으면 해당 좌표로 이동하게끔 하였고, 표시를 위한 마커도 추가하였다.

fs 모듈

파일을 다루는 모듈이다. 파일을 읽을 수 있고, 저장할 수 있다.

예시

readdir() 함수는 해당 디렉터리 내에 있는 모든 파일들을 조회하는 역할을 한다. 매개변수로 경로와 콜백 함수를 받는다. 그 결과 디렉터리 내에 모든 파일들을 조회하기 성공!

example.txt 라는 파일이 있다. 여기의 내용들을 읽으려고 한다.

그러기 위해서는 fs 모듈의 readFile() 함수를 이용한다. 마찬가지로 경로와 콜백함수가 매개변수로 필요하다. 하지만 이 둘만을 매개변수로 적을 경우 문제가 발생한다. 인코딩을 하지 않았기 때문에 가져온 data 값이 저장된 상태 그대로 가져와지는 것이다.

readFile() 매개변수에 인코딩을 지정을 한다면 해당 텍스트의 내용이 data에 제대로 인코딩되어 들어가서 출력된다.

원하는 내용을 원하는 파일 이름으로 저장하고 싶다면, writeFile() 함수를 이용한다. 위의 코드를 이용해서 example.txt의 내용들을 data에 담아서 그 내용들을 새로운 파일에 저장해보았다. writeFile() 함수는 만들고싶은 파일과 경로, 내용 값, 에러 콜백함수를 매개변수로 쓴다. 현재 파일의 동일한 디렉터리 안에 test.txt 라는 파일을 만들고, 불러온 data 내용을 저장한 뒤, 콜백 함수로 오류처리를 한 후, 파일이 저장된다.

기타

https://nodejs.org/docs/latest/api/modules.html

더 많은 모듈을 보고 싶다면, nodejs 공식 사이트 내에 모두 정리가 되어 있으니 참고하면 좋다.

path 모듈을 사용하는 이유

경로 구분자를 통일할 수 있다. 윈도우와 맥OS는 경로를 구분할 때가 다른데, 윈도우는 역슬래시(\)를 사용하고 맥OS는 슬래시를 사용한다. 이를 통일하기 위해 path 모듈을 이용한다. 경로를 나누거나 합칠 수 있다.

예시

먼저 require로 path 모듈을 가져오고, join() 함수을 이용하여 원하는 글자들을 나열하면, 해당 글자들로 경로를 만들 수 있다.

경로만 추출하고 싶다면, dirname() 함수를 사용한다.

현재 코드를 작성하고 있는 js 파일을 불러오기 위해 "__filename" 을 이용했다. 만약 파일 이름만을 추출하고 싶다면,

basename() 함수를 이용한다. 그럼 뒤에 .js 라는 확장자와 함께 파일 이름이 추출된다.

확장자를 아예 뺀 순수 파일이름을 추출하고 싶다면, basename() 함수에 빼고싶은 확장자명으로 파라미터를 하나 더 추가한다. 그러면 해당 확장자명을 뺀 순수 파일이름이 추출된다.