🎈 직접 구현하는 이유? 리액트에서는 보통 react-datepicker라는 기존에 잘 만들어진 라이브러리를 많이 사용한다. 하지만 내가 원하는 기능, 원하는 디자인 대로만 수정하는 것은 다소 번거롭다. 때문에 나는 언제든 원하는 기능과 디자인으로 수정을 용이하게 할 수 있도록 datepicker를 직접 구현해 보았다. 📢 구현 중 사용되는 것 1. 먼저 moment라는 라이브러리에 대해 알아두어야 한다. 이 라이브러리는 달력에 표시되는 요일 등을 대신 계산해준다. 이 계산 또한 직접하려면 해당 알고리즘을 이용해서 구할 수 있으나 여기서는 moment를 이용하였다. 2. 선택된 날짜나 현재 달력에 표시되는 연도 등을 useState라는 리액트 훅을 이용하여 관리한다. ( * 변경 시 render되도록 )..

🖐 오랜만에 글을 남기게 된 이유와 최근 근황 지난 한달 간, 기획부터 각종 문서적인 설계 그리고 구현까지 굉장히 바빴다. 웹으로 기획하는 첫 프로젝트인 만큼 기본적으로 배워야 할 것들이 많았다. 특히 Rest API를 설계하고 구현하면서 잦은 수정 사항이 생기고 있다..😥 또 Axios, Redux 등을 독학하면서 프로젝트에 녹이다보니 그 과정이 조금 오래걸렸다. 1달이 지난 지금은 어느정도 사용방법도 알게됐고, 동작 과정을 얇게나마 알게되어서 현재는 개발 속도가 좀 붙었다. 걱정되는 것은 제대로 배우고 있는건지, 제대로 된 방법으로 사용하고 있는지 리뷰해줄 튜터가 없어 너무 아쉬운 상황이다. 🖐 어떤 것을 구현했을까? 1. NavigationBar 와 next-link 를 이용한 라우팅 2. 구글, ..

문제 이름 : 같은 숫자는 싫어 function solution(arr) { return arr.filter((_, i) => arr[i] !== arr[i+1]); } 도움이 되셨다면 공감 부탁드립니다.

문제 번호 : 24998 번 문제 바로가기 ☞ https://www.acmicpc.net/problem/24498 const fs = require("fs"); const filePath = process.platform === "linux" ? "/dev/stdin" : "./input.txt"; const input = fs.readFileSync(filePath).toString().trim().split("\n"); const N = input[0]; const block = input[1].split(" ").map(Number); const answer = [block[0], block[block.length - 1]]; for (let i = 1; i < block.length - 1; i+..

문제 번호 : 2003 번 문제 바로가기 ☞ https://www.acmicpc.net/problem/2003 const fs = require("fs"); const filePath = process.platform === "linux" ? "/dev/stdin" : "./input.txt"; let input = fs.readFileSync(filePath).toString().trim().split("\n"); let left = 0; let right = 0; let [N, target] = input[0].split(" ").map(Number); const array = input[1].split(" ").map(Number); let sum = 0; let count = 0; while (r..

문제 이름 : 네트워크 function solution(n, c) { var answer = 0; let dic = Array.from(Array(n), () => new Array(0)); for(let i=0; i