728x90 배움 기록52 [알고리즘] 백준 2588번 : JavaScript(Node.js) 풀기 📌 문제 📌 풀이 const [a, b] = require('fs').readFileSync('/dev/stdin').toString().trim().split('\n'); const [b0, b1, b2] = b.split(''); const res1 = a * b2; const res2 = a * b1; const res3 = a * b0; const sum = res1 + Number(`${res2}0`) + Number(`${res3}00`); console.log(`${res1}\n${res2}\n${res3}\n${sum}`); split('\n') : 띄어쓰기를 기준으로 (1)과 (2) 위치에 주어진 세 자리 자연수를 문자열로 나눔 split('') : (2) 위치에 주어진 자연수를 문자열로.. 2023. 5. 7. [알고리즘] 백준 1000번 : JavaScript(Node.js) 풀기 개인적으로 CS 지식이 부족하다고 생각하여 알고리즘 공부를 시작하고자 한다. 컴퓨팅적 사고를 갖추어 좀 더 나은 개발자, 더 넓은 시야를 가진 개발자로 성장하고 싶다🚀 . 문제를 풀 때마다 모르는 개념이 나오면 이를 정리하고 익히고자 한다. 📌 문제 📌 풀이 백준에서 입력값을 받아오는 일반적인 방법은 아래와 같다. require('fs').readFileSync('dev/stdin').toString() const input = require('fs').readFileSync('/dev/stdin').toString().split(' '); /* * options로 utf8(인코딩)을 string으로 넘길 경우, toString을 할 필요없이 문자열 반환 const input = require('fs').. 2023. 5. 1. [Next.js] Pre-rendering과 Data Fetching Next.js의 가장 중요한 개념 중 하나인Pre-rendering과 Data Fetching에 대해 정리해보겠습니다🎗 Next.js를 본격적으로 공부하기 전에, CSR과 SSR 개념을 공부하면서 Next.js에 대한 개념도 간단하게 블로그에 정리했었는데이번 기회에 더 자세하게 정리해보고자 한다 📌 Pre-rendering (사전 렌더링)(JavaScript가 모든 작업을 수행하는 대신) Next.js는 각 페이지에 대한 HTML을 미리 렌더링한다.생성된 각 HTML은 해당 페이지에 필요한 최소한의 JS 코드와 연결된다.이후, 브라우저에서 페이지를 로드하면 해당 JS 코드가 실행되어 페이지가 완전한 인터랙티브 상태가 된다. 이 과정을 hydration(하이드레이션)이라고 한다.→ Pre-rende.. 2023. 4. 16. [Next.js] Next.js 기본 개념 정리 Next.js 공식문서를 참고하며 공부한 기본 개념들을 정리했습니다 Code splitting and prefetching Code splitting Next.js는 코드 분할을 자동으로 수행함 각 페이지는 해당 페이지에 필요한 부분만 로드함 홈페이지가 렌더링될 때 다른 페이지의 코드는 처음에 제공되지 않음 장점 수백 개의 페이지가 있어도 홈페이지가 빠르게 로드됨 특정 페이지에서 오류가 발생해도 나머지 애플리케이션은 계속 작동함 prefetching (미리 불러오기) 링크 컴포넌트가 브라우저의 뷰포트에 표시될 때마다 링크된 페이지의 코드를 백그라운드에서 자동으로 prefetching함 링크를 클릭할 때 쯤이면 대상 페이지의 코드가 이미 백그라운드에서 로드되어 페이지 전환이 거의 즉시 이루어짐 next/I.. 2023. 4. 13. 이전 1 ··· 8 9 10 11 12 13 다음 728x90
