- All
- nextjs
- 알고리즘
Next.js & React Study (4)
들어가기 앞서 검색엔진최적화(SEO)를 위해서 사이트의 head안에 meta 데이터 관리가 중요합니다. 따라서 이번에는 Next.js에서 Meta Data를 처리하는 방법에 대해서 정리 하였습니다. 1. Component Next.js 에서 페이지에 head를 추가하는 방법은 간단합니다. 의 컴포넌트를 사용하면 됩니다. 2. _app.js head를…
Next.js & React Study (3)
들어가기 앞서 Next.js에서 제공하는 Rendering의 종류와 사용이유 데이터 패칭 방법에 대해서 정리 하였습니다. 1. 왜 Next.js에서 별도의 Rendering 방법을 제공 할까요? 별도의 Rendering을 제공하는 이유는 앞서 Next가 해결 할 수 있는 문제에 대한 정리에서 React의 CSR(client side rendering) R…
Next.js & React Study (2)
들어가기 앞서 Next.js에서 제공하는 내장 라우팅 시스템이 무엇이고 어떤방식으로 사용하는지를 중점으로 정리 하였습니다. 1. File-system based router Next.js에서 기본 내장 되어 있는 라우팅 시스템은 File-system 기반으로 정적 파일을 생성하여 동작합니다. Next.js에서는 pages 폴더 아래 파일들이 라우팅 경로로…
Next.js & React Study (1)
들어가기 앞서 이번 정리의 초점은 Next.js란 무엇인지, 어떤 문제를 해결하기 위해서 사용되는지를 중점적으로 정리 해보겠습니다. 1. Next.js란? 공식 NextJS 웹사이트인 nextjs.org에서는 프로덕션용 React 프레임워크라고 정의합니다. React에 대한 프레임 워크라는 정의가 다소 어색해 보일 수 있습니다. 쉽게 이해하기 위해서 한 …
알고리즘 기초 Chapter04
1. 큐 1.1 정의 큐(Queue)은 입력시 데이터에 대해서 순차적으로 저장합니다. 출력시 저장된 데이터를 기준으로 출력됩니다. 이를 FIFO(First In First Out)구조로 저장하는 형식이라고 말합니다. 쉽게 이해하기 위해서 보통 줄서기를 예로 설명할 수 있습니다. 차례대로 줄을 서고(입력) 입장(출력) 순서는 가장 먼저 줄을 선 사람 입력…
알고리즘 기초 Chapter03
1. 순차탐색 1.1 정의 찾고자 하는 결과에 대해서 순차적으로 하나씩 비교하며 탐색 하는 것을 말합니다. 이를 순차 탐색(sequential search)이라 정의합니다. 하나씩 비교하며 결과에 도달하는 방식이기 때문에 최악의 경우 전체 리스트의 모든 원소와 비교해야 하는 경우가 생기게 됩니다. 최악의 경우 n크기의 리스트에서 원소를 찾는경우 n 경우의…
알고리즘 기초 Chapter02
1. 팩토리얼 1.1 정의 팩토리얼은 1부터 n까지 연속한 숫자를 차례로 곱한 값입니다. 아래는 팩토리얼을 이해하기 위한 예시 입니다. 1.2 코드구현 2. 재귀호출 2.1 정의 재귀 호출(recursion)은 어떤 함수 안에서 자기 자신을 부르는 것을 말합니다. 2.2 코드구현 3. 하노이의 탑 3.1 정의 하노이의 탑(Tower of Hanoi)은 퍼…