devlog_zz

useParams 는 현재 URL 경로의 동적 매개변수를 읽을 수 있는 클라이언트 구성 요소 후크이다.'use client' 설정은 필수이다.만약 word/${동적변수} 경로라면 폴더 구조를 word/[slug]/page.tsx 와 같이 구성해야 한다.폴더 구조는 이렇게 구성하고,코드는 아래와 같다.'use client';import {useParams} from 'next/navigation';export default function Page() { const params = useParams(); return ( {params.slug} );}params의 값은  { 대괄호안 폴더명 : 동적 파라미터 값 } 이 된다.만약 URL 경로가 /word/book 이라면 아래와..

자바스크립트 아스키 코드 charCodeAt() 문자의 아스키 번호를 반환 console.log('A'.charCodeAt()) // 65 String.fromCharCode(아스키 번호) 아스키 번호의 문자를 반환 const str = String.fromCharCode(65) console.log(str) // "A" const str2 = String.fromCharCode(65,66,67) console.log(str2) // "ABC" codePointAt() 문자의 아스키 번호를 반환 console.log("A".codePointAt()) // 65

백준 2751번 - 수 정렬하기 2 정렬 문제, join, console.log() 문제 N개의 수가 주어졌을 때, 이를 오름차순으로 정렬하는 프로그램을 작성하시오. 입력 첫째 줄에 수의 개수 N(1 ≤ N ≤ 1,000,000)이 주어진다. 둘째 줄부터 N개의 줄에는 수가 주어진다. 이 수는 절댓값이 1,000,000보다 작거나 같은 정수이다. 수는 중복되지 않는다. 출력 첫째 줄부터 N개의 줄에 오름차순으로 정렬한 결과를 한 줄에 하나씩 출력한다. 풀이 sort() 함수 활용 let [num,...input] = require('fs') .readFileSync('/dev/stdin', 'utf-8') .trim() .split('\n') .map((s) => Number(s)); let sorted..

try catch try..catch 를 사용하면 스크립트가 죽는 것을 방지하고 에러를 잡아서 에러 처리할 수 있게 됩니다. try { // 에러가 없다면 try 안의 마지막 줄까지 실행됨 } catch (err) { // 에러가 있다면 try 안 코드의 실행이 중단되고 catch(err) 블록으로 제어 흐름이 넘어간다. // err은 에러 객체가 포함된다. } Typescript v4.4 부터는 error의 object가 unknown type으로 정의되어 ts error 가 발생합니다. 타입 가드 ( Type Guard ) try { // error } catch (err) { console.log(err.message) //// Object is of type 'unknown'.ts(2571) } ..

[ ‘??’ 와 ‘||’ 의 차이 ] ?? : nullish 병합 연산자 a ?? b // a가 null도 아니고 undefined도 아니면 a // 그 외의 경우는 b ?? 와 || 의 차이 ?? 는 OR 연산자인 || 과 유사해보인다. || : 첫 번째 truthy 값을 반환 ?? : 첫 번째 정의된 ( defined ) 값을 반환한다. Truthy / Falsy 한 값 Falsy 한 값 undefined null 0 ‘’ NaN Truthy 한 값 Falsy 한 값 외의 나머지 let height = 0; console.log(height || 100); // 100 console.log(height ?? 100); // 0 height 가 0으로 정의되어 있다. || 는 0은 Falsy 한 값이므..

브라우저란 ? 브라우저는 사용자가 선택한 자원을 서버에 요청하고 응답 받은 HTML 문서나 파일을 출력하는 그래픽 사용자 인터페이스 기반의 응용소프트웨어이다. 자원의 주소는 URI( Uniform Resource Identifier )에 의해 정해진다. 브라우저는 HTML과 CSS 명세에 따라 HTML 파일을 해석해서 표시하는데 이 명세는 웹 표준화 기구인 W3C에서 정한다. 브라우저의 기본 구조 사용자 인터페이스 : 주소 표시줄, 이전/다음 버튼, 북마크 메뉴 등. 요청한 페이지를 보여주는 창을 제외한 나머지 모든 부분, 사용자와 상호작용하는 사용자 인터페이스 브라우저 엔진 : 사용자 인터페이스와 렌더링 엔진 사이의 동작을 연결 ( 사용자가 UI의 새로고침 버튼을 눌렀다면 브라우저 엔진은 이를 이해하고..

백준 10844번 - 쉬운 계단 수 동적 프로그래밍 문제, 2차원 배열, 문제 45656이란 수를 보자. 이 수는 인접한 모든 자리의 차이가 1이다. 이런 수를 계단 수라고 한다. N이 주어질 때, 길이가 N인 계단 수가 총 몇 개 있는지 구해보자. 0으로 시작하는 수는 계단수가 아니다. 입력 첫째 줄에 N이 주어진다. N은 1보다 크거나 같고, 100보다 작거나 같은 자연수이다. 출력 첫째 줄에 정답을 1,000,000,000으로 나눈 나머지를 출력한다. 풀이 단계씩 그려보다보면 규칙이 나온다. dp[i][j] = i번째 자리수의 값이 j일 때 계단 수 dp[i][j] = dp[i-1][j-1] + dp[i-1][j+1] 단 0,9일 때는 제외 0) dp[i][j] = dp[i-1][j+1] 9) dp..

2×n 타일링 동적 프로그래밍 문제이다. 이전에 계산한 결과값을 활용하여 문제를 해결하자 문제 2×n 크기의 직사각형을 1×2, 2×1 타일로 채우는 방법의 수를 구하는 프로그램을 작성하시오. 아래 그림은 2×5 크기의 직사각형을 채운 한 가지 방법의 예이다. 입력 첫째 줄에 n이 주어진다. (1 ≤ n ≤ 1,000) 출력 첫째 줄에 2×n 크기의 직사각형을 채우는 방법의 수를 10,007로 나눈 나머지를 출력한다. 풀이 const num = parseInt(require('fs').readFileSync('/dev/stdin', 'utf-8').trim()) dp = [1,2] for(let i = 2; i