본문 바로가기

분류 전체보기340

[백준 알고리즘] 2775번, 부녀회장이 될테야 문제 평소 반상회에 참석하는 것을 좋아하는 주희는 이번 기회에 부녀회장이 되고 싶어 각 층의 사람들을 불러 모아 반상회를 주최하려고 한다. 이 아파트에 거주를 하려면 조건이 있는데, “a층의 b호에 살려면 자신의 아래(a-1)층의 1호부터 b호까지 사람들의 수의 합만큼 사람들을 데려와 살아야 한다” 는 계약 조항을 꼭 지키고 들어와야 한다. 아파트에 비어있는 집은 없고 모든 거주민들이 이 계약 조건을 지키고 왔다고 가정했을 때, 주어지는 양의 정수 k와 n에 대해 k층에 n호에는 몇 명이 살고 있는지 출력하라. 단, 아파트에는 0층부터 있고 각층에는 1호부터 있으며, 0층의 i호에는 i명이 산다. 입력 첫 번째 줄에 Test case의 수 T가 주어진다. 그리고 각각의 케이스마다 입력으로 첫 번째 줄에 .. 2020. 11. 27.
[백준 알고리즘] 4673번, 셀프 넘버 문제 셀프 넘버는 1949년 인도 수학자 D.R. Kaprekar가 이름 붙였다. 양의 정수 n에 대해서 d(n)을 n과 n의 각 자리수를 더하는 함수라고 정의하자. 예를 들어, d(75) = 75+7+5 = 87이다. 양의 정수 n이 주어졌을 때, 이 수를 시작해서 n, d(n), d(d(n)), d(d(d(n))), ...과 같은 무한 수열을 만들 수 있다. 예를 들어, 33으로 시작한다면 다음 수는 33 + 3 + 3 = 39이고, 그 다음 수는 39 + 3 + 9 = 51, 다음 수는 51 + 5 + 1 = 57이다. 이런식으로 다음과 같은 수열을 만들 수 있다. 33, 39, 51, 57, 69, 84, 96, 111, 114, 120, 123, 129, 141, ... n을 d(n)의 생성자라.. 2020. 11. 26.
[React]Chart 그리기(Recharts) React에서 차트를 그리기 위해서 Recharts라는 패키지를 사용한다. 검색해보면 다양한 차트 그리기 패키지가 있는데 그중 Recharts가 사용하기 난이도도 적당하고, UI가 마음에 들어서 사용해보기로 정했다. recharts/recharts Redefined chart library built with React and D3. Contribute to recharts/recharts development by creating an account on GitHub. github.com Installation 우선 React App Project로 가서 recharts 패키지를 설치한다. npm install recharts How To Use ★ 프로젝트 구조 src component Chart.j.. 2020. 11. 26.
[React]달력을 이용해 날짜 범위 정보얻기2 (react-date-range) DateRange 달력에서 날짜의 범위를 설정하고, 설정한 날짜의 정보를 받아와 캘린더 바로 아래에 출력해본다. react-date-range 사용을 위해서는 아래 게시물을 참고하여 패키지 설정을 완료해준다. [React]달력을 이용해 날짜 범위 정보얻기1 (react-date-range) 날짜 및 날짜 범위를 선택하기 위한 React 패키지로 날짜 작업에 date-fns 모듈을 사용한다. react-date-range에서 지원하는 Components Example은 다음과 같다. Exmaple 1 : 2개의 달력을 표시 Exmaple 2 : 다.. doqtqu.tistory.com ★ 프로젝트 구조 src ㄴ component ㄴ Calender.js ㄴ App.js Calender.js import .. 2020. 11. 25.
[React]달력을 이용해 날짜 범위 정보얻기1 (react-date-range) 날짜 및 날짜 범위를 선택하기 위한 React 패키지로 날짜 작업에 date-fns 모듈을 사용한다. react-date-range에서 지원하는 Components Example은 다음과 같다. Exmaple 1 : 2개의 달력을 표시 Exmaple 2 : 다중 범위(2개) Exmaple 3 : 다중 범위(3개 이상) Exmaple 4 : 날짜 입력 수정이 가능한 달력 Exmaple 5 : 기본 달력 더 자세한 예시는 링크 참고 react-date-range를 사용하는 이유 - 상태 비 저장 날짜 작업 - 고도로 구성 가능 - 다중 범위 선택 - 기본 js date 기반 - 드래그 앤 드롭 선택 - 날짜 입력을 통한 범위 설정 가능 react-date-rang 사용하기 아래의 명령어를 이용하여 react.. 2020. 11. 24.
[React] React 프로젝트 GitHub Pages로 배포하기 React 프로젝트 생성 React를 이용해서 개발하는 방법에는 여러가지가 있다.프로젝트 구성을 직접해도 되지만, React에서 추천하는 Create React App 툴체인이 있다. Create React App은 React를 배우기 간편한 환경으로 싱글 페이지 애플리케이션 앱을 만들기 적합하다.이것은 개발 환경을 설정하고, 최신 JavaScript를 사용하게 해주며, 좋은 개발 경험과 프로덕션 앱 최적화를 해준다.Create React App을 사용하기 위해서는 Node 8.10 혹은 상위 버전 및 npm 5.6 혹은 상위 버전이 필요하다. 새로운 프로젝트를 만들기 위해서 아래의 명령어를 실행한다.(npx : npm 5.2+ 버전의 패키지 실행 도구) npx create-react-app test-a.. 2020. 11. 19.
반응형