그 땐 IT활동했지 (41) 썸네일형 리스트형 [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 어느 날 사이트의 랜딩 페이지를 새로 만들게 되었다! 설문조사 형식의 폼이 있는 랜딩 페이지 였는데 소비자들이 알림 받길 원하는 리뷰.. [010/Django] django-import-export | Widget | DateTimeWidget 문제 상황 https://itwithruilan.tistory.com/70 db에 핸드폰 가게에 맞게 리뷰들을 잘 넣었는데!(↑이전 포스팅 참고) 날짜 데이터를 넣어야 하는 상황에 직면했다! 날짜 데이터는 나타내는 형식이 너무 많다. 2022-03-10, 2022/03/10, 2022.03.10 흠 대충 생각해도 세가지는 된다. 때문에 엑셀에 어떻게 날짜 데이터를 입력해야 db에 잘 넣을 수 있을지 고민이었는데 이건 DateTimeWidget으로 해결!ㅎㅎ 아래 공식 문서도 참고!(widget 모음 페이지) https://django-import-export.readthedocs.io/en/latest/api_widgets.html Widgets — django-import-export 2.7.2.dev.. [010/Django] django-import-export | Widget | ForeignKeyWidget 문제 상황 https://itwithruilan.tistory.com/69 db에 핸드폰 가게들을 잘 넣었고!(↑이전 포스팅 참고) 해당 가게들 각각에 해당하는 리뷰들을 넣어야 하는 상황이 왔다. 하나의 가게에 여러 리뷰가 달릴 수 있지만 하나의 리뷰에 여러 가게가 연결될 수 없기 때문에 각 테이블은 1:n관계이다. 여기서 리뷰 model의 다른 field는 문제없지만 store field가 ForeignKey이기 때문에 엑셀에서 어떤 값을 넣어야 하는지 감이 안 왔다! 기본적으로는 각 store의 id 값을 넣으면 되지만 수천개의 리뷰에 달하는 store의 id를 일일히 찾아볼 수는 없는 법..ㅜㅜ 그래서 구글링을 하다가 ForeignKeyWidget을 발견하고 사용해보니 완전 신세계.. 아래 공식 문.. [010/Django] django-import-export | 기본적인 사용법 문제 상황 입사 초기에 수많은 휴대폰 대리점들의 정보를 서버 db에 넣어야 했다. 로컬에 있는 db.sqlite3를 올릴 수도 없으니 어떻게 넣어야 하나 싶었는데 django-import-export API를 이용해 손쉽게 넣을 수 있었다! 해당 API를 사용하면 엑셀에 저장되어 있는 자료를 admin페이지를 통해 쉽게 넣을 수 있다. 엑셀 뿐만 아니라 csv, json 등의 자료 형태도 지원하지만 엑셀이 가장 많이 쓰일 것 같다. 해당 API Document 참고! https://django-import-export.readthedocs.io/en/latest/# Django import / export — django-import-export 2.7.2.dev0 documentation © Copyr.. 2021.10.13~ | 40조 통신 시장을 혁신할 핸드폰 버티컬 커머스 플랫폼 영일영 ✨영일영 사이트✨ https://010seoul.com/ ✨영일영이란?✨ 핸드폰을 쉽고 합리적인 가격으로 구매할 수 있게 만들어준다. 대리점에서 핸드폰을 구매하면 '호갱 당했다'라는 얘기를 많이 할 정도로 불신이 깊다. 영일영은 소비자에게 꼭 맞는 핸드폰을 추천하는 기술로서 그 불신을 뛰어넘는 커머스 플랫폼이다. ✨영일영에서의 역할✨ 풀스택 개발자 ✨영일영에서 사용한 기술 스택 & 툴✨ HTML, CSS, JavaScript, SCSS Python, Django Git, GitKraken, Pycharm ✨영일영 로고✨ 첫 번째 로고 두 번째 로고 ✨영일영 기사✨ http://www.globalepic.co.kr/view.php?ud=20220209170726942267114f971d_29 영일영에 어떻.. 이전 1 2 3 4 5 6 다음
