<blockquote>
<ul>
<li>원문
<ul>
<li><a target="_blank" href="https://fresh.deno.dev/docs/getting-started/create-a-route">2.3. Create a route</a>
</li>
<li><a target="_blank" href="https://fresh.deno.dev/docs/getting-started/dynamic-routes">2.4. Dynamic routes</a>
</li>
</ul>
</li>
</ul>
</blockquote>
<ul>
<li>경로는 API 요청이나 페이지 렌더링에 사용
<ul>
<li>\=&gt; Next.js pages 와 거의 유사</li>
</ul>
</li>
<li><code>/routes</code> 디렉토리에 정의
<ul>
<li>"파일시스템 라우팅"이니까 파일명에 주의</li>
</ul>
</li>
<li>JSX 컴포넌트는 default export
</li>
<li>쿼리 스트링이나 경로 파라미터가 주어지는 경우 파일명에 대괄호 붙이기
<ul>
<li><code>/greet/:name</code> =&gt; <code>/routes/greet/[name].tsx</code>
</li>
<li><code>name</code> 은 <code>PageProps.params</code>에서 가져옴
</li>
</ul>
</li>
</ul>

> * 원문
>     
>     * [2.3. Create a route](https://fresh.deno.dev/docs/getting-started/create-a-route)
>         
>     * [2.4. Dynamic routes](https://fresh.deno.dev/docs/getting-started/dynamic-routes)
>         

* 경로는 API 요청이나 페이지 렌더링에 사용
    
    * *\=&gt; Next.js pages 와 거의 유사*
        
* `/routes` 디렉토리에 정의
    
    * "파일시스템 라우팅"이니까 파일명에 주의
        
* JSX 컴포넌트는 default export
    
* 쿼리 스트링이나 경로 파라미터가 주어지는 경우 파일명에 대괄호 붙이기
    
    * `/greet/:name` =&gt; `/routes/greet/[name].tsx`
        
    * `name` 은 `PageProps.params`에서 가져옴

2.3. 경로 생성, 2.4. Dynamic Routes

뇌피셜과 헛다리 짚기가 넘쳐나는 프론트엔드 개발 블로그

Wii-World

Wii-World

2.3. 경로 생성, 2.4. Dynamic Routes

Table of contents

No headings in the article.