분류 전체보기
Routing
라우팅 기초 용어 Tree: 계층구조를 보여주는 컨벤션이다. 예를 들어, 부모와 자식 컴포넌트가 있는 컴포넌트 트리, 폴더 구조 등이 있다. Subtree: 트리의 일부이다. Root: 루트 레이아웃과 같은 트리나 서브트리의 가장 첫번째 노드이다. Leaf: URL 경로의 마지막 부분 같은 자식이 없는 서브트리의 노드이다. URL Segment: 슬래시(/)로 구분지어지는 URL 경로의 부분이다. URL Path: 도메인 뒤에 오는 URL의 부분이다. 폴더와 파일의 역할 폴더는 라우트를 정의하는데 사용된다. 파일은 라우트 세그먼트에 보여지는 UI를 만드는데 사용된다. 파일 컨벤션 Next.js는 중첩 라우트에서 특정 행동을 하는 UI를 만들기 위한 특별한 파일 세트를 제공한다. layout: 세그먼트와 ..
백준 / 정렬 / 8979번 / 올림픽 / JS
8979번: 올림픽 입력의 첫 줄은 국가의 수 N(1 ≤ N ≤ 1,000)과 등수를 알고 싶은 국가 K(1 ≤ K ≤ N)가 빈칸을 사이에 두고 주어진다. 각 국가는 1부터 N 사이의 정수로 표현된다. 이후 N개의 각 줄에는 차례대로 각 www.acmicpc.net const fs = require('fs'); const filePath = process.platform === 'linux' ? '/dev/stdin' : '../input.txt'; // const filePath = process.platform === 'linux' ? '/dev/stdin' : 'BOJ/input.txt'; const input = fs.readFileSync(filePath).toString..
LeetCode / Array / 1582번 / Special Positions in a Binary Matrix / JS
Special Positions in a Binary Matrix - LeetCode Can you solve this real interview question? Special Positions in a Binary Matrix - Given an m x n binary matrix mat, return the number of special positions in mat. A position (i, j) is called special if mat[i][j] == 1 and all other elements in row i and co leetcode.com 2차원 배열에서 (i, j)의 값이 1이라면, 같은 행과 같은 열에 1이 (i, j)에만 존재했을 때..
백준 / 백트래킹 / 18428번 / 감시 피하기 / JS
18428번: 감시 피하기 NxN 크기의 복도가 있다. 복도는 1x1 크기의 칸으로 나누어지며, 특정한 위치에는 선생님, 학생, 혹은 장애물이 위치할 수 있다. 현재 몇 명의 학생들은 수업시간에 몰래 복도로 빠져나왔는데, 복 www.acmicpc.net const fs = require('fs'); const filePath = process.platform === 'linux' ? '/dev/stdin' : '../input.txt'; // const filePath = process.platform === 'linux' ? '/dev/stdin' : 'BOJ/input.txt'; const input = fs.readFileSync(filePath).toString().trim(..
백준 / 그래프 / 17086번 / 아기 상어 2 / JS
17086번: 아기 상어 2 첫째 줄에 공간의 크기 N과 M(2 ≤ N, M ≤ 50)이 주어진다. 둘째 줄부터 N개의 줄에 공간의 상태가 주어지며, 0은 빈 칸, 1은 아기 상어가 있는 칸이다. 빈 칸과 상어의 수가 각각 한 개 이상인 입력만 www.acmicpc.net const fs = require('fs'); const filePath = process.platform === 'linux' ? '/dev/stdin' : '../input.txt'; const input = fs.readFileSync(filePath).toString().trim().split('\n'); const [N, M] = input.shift().split(' ').map(Number); cons..
Project Structure
최상위 폴더 app : app 라우터 public : 정적 에셋들을 저장하는 폴더 src: 소스 파일들을 저장하는 폴더 최상위 파일 next.config.js : next.js 설정파일 package.json : 프로젝트 의존성과 스크립트들 instrumentation.ts : 오픈텔레메트리와 계측 파일(?) middleware.ts : Next.js가 요청하는 미들웨어 .env : 환경 변수 .env.local : 지역 환경 변수 .env.production : 배포 환경 변수 .env.development : 개발 환경 변수 .eslintrc.json : ESLint를 위한 설정 파일 .gitignore next-env.d.ts : Next.js를 위한 타입스크립트 선언 파일 tsconfig.json..