그 땐 IT활동했지/그 땐 영일영 근무했지 (20) 썸네일형 리스트형 [010/API] Kakao Map API | 위치 표시하기 문제 상황 이제 지도를 띄웠기 때문에 각 핸드폰 대리점들의 위치를 찍어야 한다! db에 있는 대리점들의 정보를 불러와 지도에 찍어보자! 2022.04.09 - [그 땐 IT활동했지/그 땐 영일영 근무했지] - [010/API] Kakao Map API | 시작하기 & 지도 띄우기 [010/API] Kakao Map API | 시작하기 & 지도 띄우기 문제 상황 회사에 들어와서 가장 처음 맡은 업무는 카카오 맵 API를 이용해 지도에 핸드폰 대리점들의 위치를 찍는 일이었다. 프로젝트 당시에도 카카오 맵 API를 사용하긴 했지만 내가 맡은 기능 itwithruilan.tistory.com (↑지도를 띄우는 방법은 이전 포스팅 참조!) 공식문서 참고하기! https://apis.map.kakao.com/w.. [010/API] Kakao Map API | 시작하기 & 지도 띄우기 문제 상황 회사에 들어와서 가장 처음 맡은 업무는 카카오 맵 API를 이용해 지도에 핸드폰 대리점들의 위치를 찍는 일이었다. 프로젝트 당시에도 카카오 맵 API를 사용하긴 했지만 내가 맡은 기능은 아니어서 좀 겁이 났다. 그래도 생각보다 카카오 맵 API 문서가 너무 친절해서 잘 할 수 있었다! 공식문서도 참고! https://apis.map.kakao.com/web/guide/ 준비하기 💡카카오 맵을 이용하기 위해서는 먼저 키를 발급받아야 한다. 아래와 같이 따라해보자. 1️⃣카카오 개발자 사이트에 접속한다. https://developers.kakao.com Kakao Developers 카카오 API를 활용하여 다양한 어플리케이션을 개발해보세요. 카카오 로그인, 메시지 보내기, 친구 API, 인공지.. [010/JS Library] chart.js | 그래프 커스텀하기 (함수편) 문제 상황 2022.03.23 - [그 땐 IT활동했지/그 땐 영일영 근무했지] - [010/API] chart.js | 그래프 커스텀하기 (일반편) 차트 커스텀은 여차저차 해냈다! 커스섬 방법과 상세코드가 궁금하면 위의 이전 포스팅을 보자! 하지만! 커스텀도 조건부로 하고 싶다면? 그 때 함수를 사용하면 된다! 함수 사용법을 알아보자! 오늘도 공식문서 참고 :) https://www.chartjs.org/docs/latest/ Chart.js | Chart.js Chart.js (opens new window) Installation You can get the latest version of Chart.js from npm (opens new window), the GitHub releases (o.. [010/JS Library] chart.js | 그래프 커스텀하기 (일반편) 문제 상황 2022.03.21 - [그 땐 IT활동했지/그 땐 영일영 근무했지] - [010/JavaScripts] chart.js | 범례 커스텀하기(3.7.1 version) [010/JavaScripts] chart.js | 범례 커스텀하기(3.7.1 version) 문제 상황 2022.03.20 - [그 땐 IT활동했지/그 땐 영일영 근무했지] - [010/JavaScripts] chart.js | 범례 커스텀하기(2.4.0 version) 차트를 그리고 범례까지 커스텀하는 것에 성공했다!(이전 포스팅↑) 하지만.. itwithruilan.tistory.com 차트를 만드는 것까지는 성공! 하지만 원하는 모양으로 만들기 위해 또 커스텀이 필요하다.ㅎㅎ 아래 공식문서에도 잘 나와있지만 실제 코.. [010/JS Library] chart.js | 범례 커스텀하기(3.7.1 version) 문제 상황 2022.03.20 - [그 땐 IT활동했지/그 땐 영일영 근무했지] - [010/JavaScripts] chart.js | 범례 커스텀하기(2.4.0 version) 차트를 그리고 범례까지 커스텀하는 것에 성공했다!(이전 포스팅↑) 하지만 chart.js가 옛날 버전이라 자료를 찾거나 최신 기능을 이용하기 힘들었다.. 때문에 버전을 올려야 할 필요성을 느꼈고 버전을 올리니 코드도 대폭 바꿔야 했다. 버전이 올라가며 코드 작성 방식이 바뀌었기 때문이다.ㅎㅎ 그럼 chart.js 최신 버전 범례 커스텀 시작! 최신버전 공식문서! https://www.chartjs.org/docs/latest/ Chart.js | Chart.js Chart.js (opens new window) Installa.. [010/JS Library] chart.js | 범례 커스텀하기(2.4.0 version) 문제 상황 chart.js의 기본적인 범례는 간단한 편이다! 그래도 본인 마음대로 범례를 커스텀할 수 있는데 그 방법을 알아보겠다. 오늘도 공식문서 참고ㅎㅎ(오늘 내 예시는 2.4.0버전을 사용해서 옛날 공식문서를 가져왔다. 2.4.0버전 공식문서는 못 찾겠음ㅜㅜ) https://www.chartjs.org/docs/2.7.3/getting-started/ Getting Started · Chart.js documentation No results matching "" www.chartjs.org chart.js 범례 커스텀하기! /* HTML */ 👉🏻HTMl 코드는 다음과 같다. chart를 담을 cavas 이외에 범례를 담을 div도 만들어 주었다. 👉🏻내 코드는 다음과 같은데 너무 길어서 조금씩 .. [010/JS Library] chart.js | 기본적인 사용법 문제 상황 사이트를 리뉴얼하면서 중요 페이지 중 핸드폰 시세를 알려주는 페이지가 있었다. 그리고 이 페이지는 핸드폰 시세를 그래프 형식으로 보여주기로 되어있었는데 그래프를 어떻게 그려야할 지 참 막막했다. 그래서 구글링하다 발견한 chart.js! 사용법을 잘 이해하면 참말로 유용한 녀석이다! 아래 공식문서 사이트 참조!(공식문서가 꽤나 친절한편..ㅎㅎ) https://www.chartjs.org/ Chart.js | Open source HTML5 Charts for your website New in 2.0 New chart axis types Plot complex, sparse datasets on date time, logarithmic or even entirely custom scales w.. [010/Django] django-import-export | Widget | ManyToManyWidget 문제 상황 2022.03.11 - [그 땐 IT활동했지/그 땐 영일영 근무했지] - [010/Django] django-import-export | Widget | ForeignKeyWidget [010/Django] django-import-export | Widget | ForeignKeyWidget 문제 상황 https://itwithruilan.tistory.com/69 db에 핸드폰 가게들을 잘 넣었고!(↑이전 포스팅 참고) 해당 가게들 각각에 해당하는 리뷰들을 넣어야 하는 상황이 왔다. 하나의 가게에 여러 리뷰가 달릴 itwithruilan.tistory.com 어느 날 사이트의 랜딩 페이지를 새로 만들게 되었다! 설문조사 형식의 폼이 있는 랜딩 페이지 였는데 소비자들이 알림 받길 원하는 리뷰.. 이전 1 2 3 다음
