728x90 전체 글79 [CINEMATE] Next.js 프로젝트 리팩토링하기 (feat. 영화 추천 서비스) (token, EC2, PM2, Axios Interceptors, SSR, React-Query useInfiniteQuery) 프로젝트(Github) 👉 https://github.com/MovieApplication/cinemate사용 기술 👉 React + TypeScript + Next.js + SASS주소 👉 http://3.34.139.203/ CINEMATE라는 프로젝트는회사에서 Next.js와 TypeScript를 좀 써보고개인 프로젝트에 적용하면 좋을 것 같아서 진행한 프로젝트이다. 부족한 실력으로 기능 하나하나를 구현하다 보니 다양한 에러를 만났고,그 에러를 해결하기 위해 열심히 찾아보고 공부하니 실력이 늘었던 것 같다. 아직도 매우 빈틈이 많고 부족한 코드이기 때문에프로젝트를 끝내고 한 달 동안 (조금) 늘은 실력으로 리팩토링 작업을 시작해보고자 한다. 목차로그인 토큰 정보 저장 방식 변경 (Web St.. 2023. 7. 28. [알고리즘] 백준 10810번 : JavaScript(Node.js) 풀기 📌 문제 📌 풀이 const [[n,m], ...input] = require('fs').readFileSync('/dev/stdin').toString().split('\n').map(x => x.split(' ').map(Number)); let arr = new Array(n).fill(0); for (let [i,j,k] of input) { for (let idx = i-1; idx < j; idx++) { arr[idx] = k; } } console.log(arr.join(' ')); 배열 비구조화 할당을 이용해서, '첫째 줄'과 '둘째 줄~마지막 줄'을 나눈다. new Array() : Array() 생성자로 Array 객체를 생성한다. 여기서는 n개의 요소를 arr 배열에 채워넣고, fi.. 2023. 7. 23. [알고리즘] 백준 2562번 : JavaScript(Node.js) 풀기 📌 문제 📌 풀이 const input = require('fs').readFileSync('/dev/stdin').toString().split('\n').map(Number); const max = Math.max(...input); console.log(max); console.log(input.indexOf(max)+1); Math.max() : 입력값으로 받은 숫자 중 가장 큰 숫자를 반환함 .indexOf() : 배열에서 지정된 요소를 찾을 수 있는 첫 번째 인덱스를 반환하고, 존재하지 않으면 -1을 반환함 처음에는 .findIndex()를 사용해서 풀려고 했었다. 해당 메서드는 콜백함수를 넣어서 그 함수의 조건을 만족시키는 첫 번째 요소에 대한 인덱스를 반환하는 형태로 동작하기 때문에, 콜백.. 2023. 7. 16. [알고리즘] 백준 10871번 : JavaScript(Node.js) 풀기 📌 문제 📌 풀이 const input = require('fs').readFileSync('/dev/stdin').toString().split('\n'); const num = Number(input[0].split(' ')[1]); const arr = input[1].split(' ').map(x => Number(x)); const newArr = arr.filter(item => item < num); console.log(newArr.join(' ')); join([separator]) : 이 메서드는 배열의 모든 요소를 연결해 하나의 문자열로 만든다. separator는 배열의 각 요소를 구분할 문자열을 지정한다. 이 구분자는 문자열로 변환되고, 생략하면 배열의 요소들이 쉼표로 구분된다. .. 2023. 7. 9. 이전 1 ··· 9 10 11 12 13 14 15 ··· 20 다음 728x90
