728x90 배움 기록47 [프로그래머스] 대소문자 바꿔서 출력하기 : JavaScript 📌 문제 📌 풀이 const readline = require('readline'); const rl = readline.createInterface({ input: process.stdin, output: process.stdout }); let input = []; rl.on('line', function (line) { input = [line]; }).on('close',function(){ str = input[0]; let arr = []; for (let i = 0; i < str.length; i++) { if (str[i] === str[i].toUpperCase()) { arr.push(str[i].toLowerCase()); } else { arr.push(str[i].toUpperC.. 2023. 11. 7. [Next.js] 페이지 간 이동 방식 (= <Link>, <a>, router.push() 비교) Next.js 에서 페이지 간의 이동을 위해 , , router.push() 등을 사용할 수 있다. 위 세가지 방식의 특징과 차이점을 알아보자 📌 Next.js 에 내장된 컴포넌트 (next/link) Client side 네비게이션을 지원함 브라우저의 새로고침 없이 페이지 이동 → 매우 빠른 페이지 전환 가능 → 내부 페이지 이동 시 사용 → 전체 html 중 필요한 부분만 리렌더링 하도록 셋팅됨 (앱처럼 부드러운 사용감) → SPA 형태의 웹사이트를 만들 때 유용함 (+ 성능상의 이점) 📌 html 에서 기본적으로 제공하는 태그 페이지가 완전히 새로고침됨 → 외부 페이지 이동 시 사용 (내부 페이지 이동 시에는 지양) 📌 router.push() Next.js 에서 제공하는 useRouter 훅 안에.. 2023. 10. 17. [알고리즘] 백준 11720번 : JavaScript(Node.js) 풀기 📌 문제 📌 풀이 const input = require('fs').readFileSync('/dev/stdin').toString().trim().split('\n'); const str = input[1].toString(); const arr = Array.from(str, (data) => Number(data)); const sum = arr.reduce((acc,curr) => acc + curr, 0); console.log(sum); 둘째 줄의 숫자를 문자열로 바꾼다. Array.from(arrayLike, mapFn) : 해당 메서드는 문자열로 바꾼 str 을 배열로 변경하기 위해 사용한다. (숫자의 합을 출력하기 위해) 두 번째 인자에서 함수를 실행해 문자열을 다시 숫자로 바꾸어 배열을.. 2023. 10. 16. React-Query 를 사용하는 이유 (+ 개념, 컨셉, SSR Hydration, Redux ...) 📌 React Query 를 사용하는 이유 ? " 비동기 데이터 관리를 위해 사용한다. " 여기서 비동기 데이터란 Server state (= 서버의 상태) 를 의미한다. 즉, API 로 클라이언트에게 제공될 수 있는 서버의 데이터와 API 로 추가/수정/삭제가 될 수 있는 서버의 데이터를 의미한다. 나의 경우 Redux 를 사용하여 비동기 데이터를 관리하곤 했다. 그러나 Redux 는 API 통신 및 비동기 데이터 관리를 위한 라이브러리가 아니기 때문에, (*Redux 는 전역 상태 관리를 위한 라이브러리) API 요청을 통해 받아온 데이터를 관리하는 코드나 API 상태를 관리하는 코드 등을 직접 작성해야 했다. 반면 React Query 는 서버의 상태를 불러오고, 캐싱하며, 지속적으로 동기화하고 업.. 2023. 10. 9. 이전 1 2 3 4 5 6 ··· 12 다음 728x90
