728x90 전체 글81 [Next.js 15] App Router 와 next/form : URL query string 자동 업데이트 (feat. 검색기능 구현) 최근 Next.js 15 버전을 공부하고 있는데next/form 을 사용해서 URL query string 자동 업데이트를 하는 기능이유용할 것 같아 정리해보려고 한다. 검색 기능을 구현하는 예시를 통해 어떤 식으로 활용하면 좋을지도 정리했다 React 나 Next.js Pages Router 에서 URL query string 을 다루는 방법은이전 게시글에 정리해두었으니 참고하면 된다.[React] 새 창에서 동일한 세팅 값 유지하도록 하기 (URL query string 활용) 목차server component에서 URL query string 가져오기URL query string을 활용해 검색 기능 구현하기 (next/form) 📌 server component에서 URL query string.. 2025. 2. 17. [프로그래머스] 빈 배열에 추가, 삭제하기 : JavaScript 📌 문제 📌 풀이function solution(arr, flag) { let X = []; arr.forEach((num, i) => { if (flag[i]) { X = X.concat(Array(num * 2).fill(num)); } else { X.splice(-num, num); } }) return X}Array() : 새로운 Array 를 생성할 때 사용한다.Array(n)은 길이가 n인 배열을 만든다.fill() : Array.prototype.fill(n)에서 n은 배열을 채울 값이다.즉, Array(n).fill(n) 은 길이가 n인 배열을 만들고, 배열의 모든 요소를 n으로 .. 2025. 2. 17. [프로그래머스] 왼쪽 오른쪽 : JavaScript 📌 문제 📌 풀이처음 풀이 🚫function solution(str_list) { var answer = []; str_list.forEach((item, idx) => { if (item === 'l') { answer = str_list.slice(0, idx); return } if (item === 'r') { answer = str_list.slice(idx + 1); return } }) return answer;}forEach() 를 사용해 조건에 맞는 경우에 로직을 실행하고 return 을 통해 반복문을 멈추도록 의도했다.하지만 코드 실.. 2025. 2. 2. [프로그래머스] 2의 영역 : JavaScript 📌 문제 📌 풀이처음 풀이 🚫function solution(arr) { const indexArr = []; let result; arr.forEach((num, idx) => { if (num === 2) indexArr.push(idx); }) if (indexArr.length === 0) { result = [-1]; } if (indexArr.length === 1) { result = [arr[indexArr[0]]]; } if (indexArr.length > 1) { result = arr.slice(indexArr[0], indexArr[indexArr.length - 1] + 1);.. 2025. 1. 30. 이전 1 2 3 4 ··· 21 다음 728x90
