Python(Flask)+React+SASS+mongoDB로 웹 서비스 제작하기 프로젝트(1-4) – Kakao Map API 입력받은 값으로 지도중심 및 마커 이동시키기
API분석의 끝이 오는 것 같다. 백엔드에서 날아오는 값으로 지도를 옮기고 마커를 찍는 일은 아마도 다반사일 것이다. 따라서 난 input box에서 데이터를 입력받고 그 입력된 데이터를 이용해 지도를 이동시켜볼 것이다. 지도와 …
Python(Flask)+React+SASS+mongoDB로 웹 서비스 제작하기 프로젝트(1-3) – Kakao Map API 지도 클릭 시 마커 출력 및 좌표 얻어오기
서비스를 제작하기 위해 Kakao Maps API를 연구하는 단계에서 지도에 마커(핀)을 찍는 방법과 마커가 찍힌 곳의 좌표를 얻어오는 방법을 알아봤다. // 지도를 클릭한 위치에 표출할 마커입니다 var marker = new kakao.maps.Marker({ …
Python(Flask)+React+SASS+mongoDB로 웹 서비스 제작하기 프로젝트(번외 for React.js) – ECMAScript 6(ES 6) 문법 정리
ES6는 ECMAScript 2015로도 알려져있다. ECMAScript는 Ecma international 의 ECMA-262 기술 규격에 정의된 표준화 스크립트 프로그래밍 언어이다. 자바스크립트를 표준화하기 위해 만들어졌고 지금도 자바스크립트가 제일 잘 알려져있지만, 액션스크립트와 J스크립트 등 다른 구현체도 …
Python(Flask)+React+SASS+mongoDB로 웹 서비스 제작하기 프로젝트(1-2) – Kakao Map API를 React Component로 만들기
이전에 살펴본 바로 javascript를 통해 간단하게 지도를 삽입할 수 있었으나 앞으로 프로그램이 커짐과 동시에 분명히 지도의 좌표값을 기준으로 데이터를 주고받을 일이 생길 것이라고 확신했다. 따라서 이를 위해 관련된 스크립트를 es6 …
Python(Flask)+React+SASS+mongoDB로 웹 서비스 제작하기 프로젝트(1) – Kakao Map API
무슨 API를 선택하지? 지도기반의 SNS를 만들기 위해 지도 API를 사용하려 했는데 Google map API는 유료의 향기가 나서 Kakao map API를 사용하기로 했다. Kakao Maps API 사용하기 향 후 mobile Application을 …
Python(Flask)+React+SASS+mongoDB로 웹 서비스 제작하기 프로젝트 – 프로젝트를 시작하며
2020년 경자년을 맞이해 새로운 프로젝트를 시작하려고 한다. 그동안 너무나도 신기술을 등한시하고 아직도 LAMP스택을 고수하는 나에게 새로운 출발을 할 수 있도록 @paper_lee와 toy project를 시작하기로 했다. 진보만이 답. 지도기반의 SNS를 제작할 …
리눅스 새로운 하드디스크 파티션 만들기, 포맷 및 마운트하기(부팅시 자동)
(Ubuntu 18.04.3 LTS) 기준으로 작성되었습니다. 장착된 하드디스크 확인하기 $ fdsik -l 파티션 만들기 $fdisk /dev/sdb (m입력 후 도움말 참고해서 파티션 생성, tip! – n 파티션 생성, w 입력해야 적용됨) 포맷하기(파일시스템 …
VSCode(Visual Studio Code)에서 React.js, JSX 자동완성 활성화하기
Visual Studio Code에서 (ctrl+p) or (command+p) 입력 후 settings.js 키워드 입력 후 파일켜기 “files.associations”: { “*.js”: “javascriptreact” } 파일 내용 하단에 위 코드 추가 후 저장하면 바로 .js 확장자의 …