분류 전체보기 (271) 썸네일형 리스트형 [Next.js] Navigation part.2 params, searchParamsparams: dynamic routesearchParams: query parametersexample) '/some/thing?id=1' → thing(params), id=1(searchParams) export default async function Test({params, searchParams}: { params: Promise; searchParams: Promise;}) { const {dynamicThing} = await params; const {query=defaultValue} = await searchParams; // return ...}두 가지의 파람은 page.tsx에서 사용할 수 있는 매개변수이고 layout.tsx에서는 .. [TS] TS Doc Handbook 1회독 - 5 Generic Object Typesinterface Obj { content: Type;}type Obj = { content: Type;}let strObj: Obj;let numObj: Obj;function genericFunc(obj: Obj, newContent: Type) { box.content = newContent;} 제네릭 오브젝트 타입으로 Array, Map, Set, Promise 등이 있다. ReadonlyArray typeconst arr: ReadonlyArray;const arr: readonly T[]; Tuple typeoptoinal tuple elements, rest elementsreadonly tuple 참고무료 사이트 모음 2021, 자라는 것을 잘하는 .. [영단어] type coercion(자동 형변환) 암시적이거나 명시적인 형 변환과 달리 암시적이기만 함. 참고https://developer.mozilla.org/ko/docs/Glossary/Type_coercion [JS 의문] ==을 언제 사용하면 더 좋을까? TS를 공부하는 과정에서 ==은 더더욱 사용할 일이 없는 것 같다는 느낌을 받았고, 그렇다면 언제 쓰이는 것이 더 좋은지에 대한 의문이 들었습니다. null과 undefined를 모두 조건으로 잡고 싶을 때 사용할 수 있습니다.let val = null;console.log(val == null); // trueconsole.log(val == undefined); // trueval = undefined;console.log(val == null); // trueconsole.log(val == undefined); // true 자동 형변환을 응용할 수 있습니다.let age = '19';console.log(age == 19); // true 결론JS를 사용하면 어느 정도 활용해 볼 수 있는 부분이.. [코테 꿀팁] JS 사용하면 주의할 점 JS를 사용해서 코테를 할 때 입력값을 받아오는 방법이 두 가지입니다.1. fs 사용하기2. readline 사용하기 이번 글은 1번 fs를 사용하는 경우에 발생할 수 있는 문제를 대비하는 것입니다. 바로 String.trim()!!! 이 함수는 문자열의 앞뒤 공백을 없애는 함수입니다. trim() 말고도 trimStart(), trimEnd()가 있습니다. 왜 중요한 것인가? 입력되는 값의 끝에 의도하지 않은 공백이 있는 경우 원하는 결과가 달라질 수 있기 때문입니다. 제가 백준 14405번을 풀다가 고생을 했습니다... 그래서 입력을 받아올 때 까먹지 말고 trim()을 사용하면 이상하게 머리가 터질 일을 방지할 수 있습니다.const input = require('fs').readFileSync('.. [Next.js] Navigation Link component from 'next/link'Link 컴포넌트는 a 태그를 가지고 만들어진 컴포넌트로 Next에서 제공되는 컴포넌트입니다. 원하는 목적지를 href prop으로 넘겨주면 클릭 시 해당 URL로 넘어갑니다.import Link from 'next/link';export default function Test() { const dynamic = 'test'; return ( Home Dynamic );}; 추가적으로 Link 컴포넌트는 replace라는 속성을 가지고 있습니다. 기본값은 false이며 해당 속성이 true가 되면 뒤로가기를 눌렀을 때 브라우저의 히스토리 스택에 새 URL을 추가하는 대신 현재 히스토리 상태를 대체한다고 합니다.브.. [컴퓨터] 간단하게 본인이 사용하는 메인 보드 확인 방법 본인이 구매했을 때 뭘 샀는지 기록해 두었다면 너무 좋겠지만 아쉽게도 그렇게까지 하는 경우는 많지 않고, 기록해 두었다고 해도 잊어버리는 경우가 있을 겁니다. 그때 윈도우에서는 아주 간단하게 확인할 수 있는 방법이 있습니다. 윈도우 버튼을 누르고 '시스템 정보'를 검색하고 실행합니다.실행하면 컴퓨터에 대한 다양한 정보를 얻어올 수 있습니다. 거기서 이름은 조금씩 바뀔 수 있지만 베이스보드 제조업체와 베이스보드 제품을 확인하면 끝입니다. [컴퓨터] TPM 사용 설정 해당 경우에는 사용된 메인보드마다 설명이 달라집니다. 왜냐하면 BIOS 설정하는 방법이 다르기 때문입니다. 메인 보드를 확인하는 방법은 다음 글에서 확인하고 오시면 됩니다. 저는 ASRock의 B560M Pro입니다. 저와 같은 보드를 사용하시면 컴퓨터를 부팅하실 때 Del 버튼을 누르시면 BIOS 설정을 들어가실 수 있습니다. 화면을 제공하지 못해 죄송합니다ㅠㅠ화면을 보시면 Advanced Mode라고 표시가 되어있는 부분이 있고, 들어가시면 Security 탭을 클릭해 들어갑니다. CPU에 따라서 조금씩 달라지는데, AMD는 fTPM switch를 Enabled 또는 켜는 단어를 찾아 동작시키면 됩니다. Intel의 경우 Platform Trust Technology를 켜시면 됩니다. 이전 1 2 3 4 ··· 34 다음
