본문 바로가기

전체 글

 (348)
[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 입력값 받아올 때 주의할 점 require('fs') 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를 켜시면 됩니다.
[컴퓨터] Windows 업데이트 인식 에러 해결 공식 문서에도 고쳐달라고 글이 올라와있는 에러입니다. 해당 글을 참고하면서 문제를 해결했습니다. 해당 글에서 제공하는 여러 해결 방법이 있지만 제가 성공한 방법을 공유하겠습니다. 우선 CMD 창을 관리자 모드로 동작시키고 아래 명령어를 그대로 실행시킵니다. "(큰 따옴표)도 포함하셔야 합니다.schtasks.exe /Run /TN "\Microsoft\Windows\Application Experience\Microsoft Compatibility Appraiser" 같은 방법인데 GUI를 활용한 방법1. 윈도우 키를 눌러 '작업 스케줄러'를 검색해 실행합니다.2. 좌측 폴더에서 Microsoft > Windows > Application Experience 폴더로 들어갑니다.3. 가운데 Microsof..
[Next.js] Layout, Metadata Layouts레이아웃은 화면의 틀을 의미하며 사이트의 느낌과 디자인을 전체적으로 통일시켜 줍니다. layout.js 또는 layou.tsx 이름의 파일을 사용합니다. 레이아웃은 chlidren prop을 통해 내부에 컴포넌트를 받아서 사용합니다. 기본적으로 Next는 app 폴더에 하나의 layout을 제공해 주고, 하나의 layout 파일은 항상 존재해야 합니다.// 기본으로 제공되는 layout.tsxexport const metadata = { title: 'Next.js', description: 'Generated by Next.js',}export default function RootLayout({ children,}: { children: React.ReactNode}) { ret..
[Next.js] 폴더 구조 활용(private, group) File colocationNext에서는 page 또는 route 파일이 아닌 경우 공개적으로 접근할 수 없습니다. 폴더를 만들었다고 해서 해당 경로에 접근할 수 없다는 의미입니다. Private folders프라이빗이라는 의미를 가지고 있는 폴더로 라우팅 시스템에서 제외되는 폴더를 의미합니다. 폴더의 이름이 시작할 때 '_'를 붙여주면 적용됩니다.기존 폴더를 그대로 사용하고 page.tsx 또는 route.js 파일을 만들지 않아도 라우팅 되지 않습니다. 하지만 프라이빗 폴더를 활용하면 기존 폴더와 구분할 수 있습니다. 또한 개인적으로 구분하게 되면 나중에 Next의 업데이트에서 곤란한 상황이 발생할 수 있기 때문에 제공하는 기능을 활용하는 것이 좋습니다. 그래도 만약 본인이 사용하는 규칙에 '_'가 ..

티스토리툴바