Next.js
App Router
Next.js의 app 폴더 구조를 이용해 페이지 주소와 공통 화면 구조를 구성하는 라우팅 방식입니다.
단어 검색
단어 목록
총 30개
기타
Git
파일의 변경 이력을 기록하고 관리하는 버전 관리 도구입니다. 이전 변경을 확인하거나 여러 사람이 함께 개발할 때 사용합니다.
웹 기초
HTTP
웹에서 브라우저와 서버가 요청과 응답을 주고받을 때 사용하는 통신 규칙입니다.
React
JSX
JavaScript 코드 안에서 HTML과 비슷한 문법으로 화면 구조를 표현하는 문법입니다.
Next.js
Layout
여러 페이지가 함께 사용하는 화면 구조입니다. 공통 메뉴나 페이지를 감싸는 틀을 구성할 때 사용합니다.
데이터
MongoDB
데이터를 문서 형태로 저장하는 데이터베이스입니다. 단어의 이름, 설명, 태그 등을 하나의 문서로 묶어 저장할 수 있습니다.
JavaScript
Promise
비동기 작업의 성공 결과나 실패 이유를 다루는 객체입니다. 서버 요청처럼 결과가 나중에 준비되는 상황에 사용합니다.
React
Props
부모 컴포넌트가 자식 컴포넌트에 전달하는 데이터입니다. 전달받은 컴포넌트는 Props를 직접 수정하지 않고 사용합니다.
Next.js
Server Action
폼 제출이나 버튼 동작에서 호출하여 서버에서 실행하는 비동기 함수입니다. 데이터를 등록하거나 수정하는 작업에 사용할 수 있습니다.
React
State
컴포넌트가 기억하는 데이터입니다. 입력창의 내용이나 버튼을 누른 횟수처럼 바뀌는 값을 관리할 때 사용합니다.
웹 기초
URL
웹페이지나 이미지처럼 인터넷에 있는 자원의 위치를 나타내는 주소입니다.
React
useState
함수형 컴포넌트에서 State를 만들고 그 값을 변경할 수 있게 해 주는 Hook입니다.
JavaScript
객체
관련된 데이터를 속성 이름과 값의 쌍으로 묶는 자료형입니다. 단어 하나의 이름, 설명, 카테고리를 함께 표현할 수 있습니다.
데이터
데이터베이스
여러 데이터를 저장하고 필요한 데이터를 찾거나 변경할 수 있도록 관리하는 시스템입니다.
Next.js
동적 라우팅
주소의 일부를 변수처럼 사용해 서로 다른 내용을 보여주는 방식입니다. 단어 슬러그에 따라 해당 단어의 상세 화면을 보여줄 수 있습니다.
기타
디버깅
프로그램이 예상과 다르게 동작하는 원인을 찾고 수정하는 과정입니다. 오류 메시지나 변수 값을 확인하며 문제를 좁혀 갑니다.
기타
리팩터링
프로그램의 외부 동작을 유지하면서 내부 코드 구조를 개선하는 작업입니다. 읽기 쉽고 수정하기 편한 코드로 정리하는 것이 목적입니다.
데이터
문서
MongoDB에 저장되는 데이터 한 건입니다. 여러 필드와 값으로 구성되며 단어 하나의 정보를 담을 수 있습니다.
JavaScript
배열
여러 값을 순서대로 담는 자료형입니다. 여러 단어의 목록이나 한 단어의 태그를 저장할 때 사용할 수 있습니다.
JavaScript
변수
값을 저장하고 이름을 붙여 다시 사용할 수 있게 하는 방법입니다. 사용자 이름이나 검색어 같은 값을 다룰 때 사용합니다.
웹 기초
브라우저
웹페이지를 불러와 화면에 표시하고 사용자가 페이지와 상호작용할 수 있게 하는 프로그램입니다.
기타
브랜치
Git에서 다른 작업과 구분해 변경을 쌓아 갈 수 있는 개발 흐름입니다. 새 기능을 별도로 개발할 때 사용할 수 있습니다.
웹 기초
서버
클라이언트의 요청을 받아 필요한 작업을 처리하고 결과를 보내 주는 프로그램이나 컴퓨터입니다.
Next.js
서버 컴포넌트
서버에서 실행되는 React 컴포넌트입니다. 데이터베이스에서 데이터를 가져오고 화면을 구성할 수 있습니다.
기타
커밋
Git에서 선택한 파일의 변경 내용을 하나의 기록으로 남기는 작업입니다. 어떤 변경인지 설명하는 메시지를 함께 작성합니다.
데이터
컬렉션
MongoDB에서 관련된 문서들을 모아 두는 공간입니다. 예를 들어 여러 단어 문서를 하나의 컬렉션에 저장할 수 있습니다.
React
컴포넌트
버튼이나 검색창처럼 화면의 일부를 구성하는 코드 단위입니다. 같은 컴포넌트를 여러 곳에서 재사용할 수 있습니다.
데이터
쿼리
데이터베이스에 원하는 데이터를 찾거나 처리하도록 요청하는 명령입니다. 특정 카테고리의 단어를 찾는 요청이 한 예입니다.
웹 기초
클라이언트
서버에 데이터나 작업을 요청하고 서버가 보내 준 결과를 사용하는 프로그램입니다. 웹 브라우저가 대표적인 예입니다.
JavaScript
함수
특정 작업을 수행하는 코드를 묶어 두고 필요할 때 호출하는 단위입니다. 값을 전달받고 처리 결과를 반환할 수 있습니다.