0. 목표 C 문법 핵심 개념 전체 흐름 이해 시험에 자주 나오는 유형 10개 이상 익히기 코드 해석 문제 정확도 70% 이상 만들기 출력 결과 예측 문제 실수 줄이기 기출 또는 모의 문제 최소 2회독 1. C언어 기본 문법 구조 1-1. 변수와 자료형 1) 변수란? 값을 저장하기 위한 메모리 공간의 이름...

0. 들어가기 전 기존에는 기술 블로그를 주로 개인 노션에 작성해왔습니다. 그러던 중 구글링을 하다가 velog나 티스토리처럼 흔히 쓰이는 플랫폼 말고, 새로운 블로그 형식을 접하게 되었습니다. 그게 바로 GitHub Pages를 활용한 블로그였습니다. GitHub Pages는 로컬에서 마크다운 형식으로 글을 작성하고, 단순히 push만 하면 ...

0. 들어가기 전 백준에서 자바스크립트(Node.js)로 문제를 풀려면 먼저 입출력 처리 방식을 이해해야 한다. 파이썬이나 자바와 달리, 자바스크립트는 온라인 저지 환경에서 기본적인 입력 함수(input(), Scanner)가 없기 때문에 직접 표준 입력을 읽어와야 한다. 따라서 fs.readFileSync 또는 readline을 이용해 데이터를...

0. 업그레이드 Next.js는 upgrade 명령어 또는 수동 설치로 버전을 업그레이드한다. 1. 최신 버전으로 업그레이드 1-1. upgrade 명령어 사용 Next.js 16.1.0 이상에서는 next upgrade 명령어로 최신 버전으로 업그레이드한다. pnpm next upgrade Next.js 16.1.0 미만 버전...

0. 배포 Next.js는 네 가지 방식으로 배포할 수 있다. 배포 옵션 기능 지원 Node.js 서버 전체 지원 Docker 컨테이너 전체 지원 정적 export 제한적 ...

0. Proxy Proxy는 요청이 완료되기 전에 코드를 실행해 응답을 제어하는 기능이다. Next.js 16부터 Middleware가 Proxy로 이름이 변경되었으며, 기능은 동일하다. 들어오는 요청을 기반으로 다음 작업을 수행할 수 있다. 리라이트(Rewriting): 다른 경로로 요청을 전달한다. 리다이렉트(Redirecting...

0. Route Handlers Route Handlers는 Web Request / Response API를 사용해 특정 라우트에 대한 커스텀 요청 핸들러를 만드는 기능이다. app 디렉토리 안에서만 사용할 수 있으며, pages 디렉토리의 API Routes와 동일한 역할을 한다. 1. 기본 개념과 규칙 1-1. 정의 방식 a...

0. 메타데이터와 OG 이미지 Metadata API는 SEO와 소셜 공유를 위한 메타데이터를 정의하는 세 가지 방식을 제공한다. 정적 metadata 객체: layout.tsx 또는 page.tsx에서 metadata를 export한다. 동적 generateMetadata 함수: ...

0. 폰트 최적화 next/font 모듈은 폰트를 자동으로 최적화하고 외부 네트워크 요청을 제거한다. 모든 폰트 파일을 빌드 타임에 자체 호스팅해 레이아웃 시프트(CLS) 없이 웹 폰트를 제공한다. 사용 방법은 다음과 같다. next/font/google 또는 next/font/local에서 폰트를 import한다. 옵션을 전달해 함...

0. 이미지 최적화 <Image> 컴포넌트는 HTML <img>를 확장해 이미지를 자동으로 최적화한다. 기능 설명 크기 최적화 디바이스에 맞는 크기와 WebP 등 최신 포맷으로 자동 변환 레이아웃 안정성 ...