본문 바로가기
728x90

전체 글

 (197)
[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 차트를 만드는 것까지는 성공! 하지만 원하는 모양으로 만들기 위해 또 커스텀이 필요하다.ㅎㅎ 아래 공식문서에도 잘 나와있지만 실제 코..
[멋사10] 한국외대 글로벌 "멋쟁이사자처럼" 10기 면접 후기 📑 서류 전형 2022.03.04 웹개발을 배우기 시작한지 1년정도 되어가며 이제는 HTML, CSS, Javascript를 다루는데 어느정도 능숙해진 것 같다. 하지만 프론트엔드 개발자가 되기 위해서는 React를 할 줄 알아야 한다. 왜냐하면 모든 기업이 원하고 있기 때문이다ㅜ 때문에 배우려고 한두번 시도했지만 아무래도 독학이라 강제성이 없어 현생 살기에 바빴다..ㅜㅜ 그렇다면 배움에 강제성을 만들면 된다!ㅋㅋㅋㅋ 그래서 리액트를 배울 수 있는 기회를 찾아봤다. 다행히 리액트는 인기가 많은 라이브러리라 여기저기 많았는데 마침 멋쟁이사자처럼을 보게 되었다. 백, 프론트 나눠 프로젝트도 하고 방학때도 되게 많은 활동을 하길래 재밌어 보여 바로 신청하게 되었다. 서류는 비교적 간단한 질문이 나왔다. 1️⃣..
[TAVE/이코테] ch03 그리디 | 개념 정리 | 실전 문제 참고자료: 이것이 코딩테스트다 그리디(Greedy) 📌현재 상황에서 지금 당장 좋은 것만 고르는 방법으로 탐욕법이라고도 부른다. 👉🏻문제를 읽으면 '가장 큰 순서대로', '가장 작은 순서대로'와 같은 문구로 기준을 알게 모르게 제시해준다. 정렬 알고리즘과 짝을 이뤄 출제된다. 예제 - 거스름돈 N = 1260 def charge(N): coin = [500, 100, 50, 10] answer = 0 while(N): i = 0 answer += N / coin[i] N = N % coin[i] i += 1 return answer 👉🏻가장 큰 화폐 단위부터 돈을 거슬러주면 된다. 남은 돈(N)이 0이 될 때까지 반복한다. 각 화폐로 나눈 몫은 동전의 개수이므로 answer에 더해주고 나머지는 남은 돈이..
[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..
[TAVE/level 2] Python | 멀쩡한 사각형 문제 https://programmers.co.kr/learn/courses/30/lessons/62048 코딩테스트 연습 - 멀쩡한 사각형 가로 길이가 Wcm, 세로 길이가 Hcm인 직사각형 종이가 있습니다. 종이에는 가로, 세로 방향과 평행하게 격자 형태로 선이 그어져 있으며, 모든 격자칸은 1cm x 1cm 크기입니다. 이 종이를 격자 선을 programmers.co.kr 내 풀이 👉🏻전체 사각형의 수(w * h)에서 w와 h를 합한 값과 최대공약수를 빼면 된다! ✍🏻2*3일 때는 (2 * 3) - (2 + 3 - 1)이다. from math import gcd def solution(w, h): total_square = w * h greatest_common_divisor = gcd(w, h) ..
[self-study/level 1] SQL | 이름이 없는 동물의 아이디 | IS NULL 문제 내 풀이 SELECT ANIMAL_ID FROM ANIMAL_INS WHERE NAME is NULL ORDER BY ANIMAL_ID ASC 👉🏻값이 없는 필드를 찾을 때는 is NULL을 사용한다.
728x90

티스토리툴바