분류 javascript

웹 사이트 및 웹 응용 프로그램을 만들기 위한 프레임 워크

컨텐츠 정보

  • 조회 301 (작성일 )

본문

React와 GraphQL로 구동되는 Gatsby는 다음 프로젝트를 만들고 실행하는 데 필요한 모든 것을 제공합니다.


Gatsby로 첫 번째 사이트를 만들고 실행하는 데 필요한 모든 것을 배우게됩니다.

처음부터 웹 사이트를 구축하고 GraphQL과 같은 도구를 사용하여 웹 사이트를 프로덕션에 배포하는 방법을 배우게 됩니다. 


1. Creating a Gatsby Site

  - Timestamp: 0:38

  - Code: https://s3-us-west-2.amazonaws.com/th...

2. Working with Gatsby Pages

  - Timestamp: 14:50

  - Code: https://s3-us-west-2.amazonaws.com/th...

3. Linking Between Pages with Gatsby

  - Timestamp: 27:00

  - Code: https://s3-us-west-2.amazonaws.com/th...

4. Creating Shared Page Components

  - Timestamp: 35:56

  - Code: https://s3-us-west-2.amazonaws.com/th...

5. Creating Gatsby Page Layouts

  - Timestamp: 48:14

  - Code: https://s3-us-west-2.amazonaws.com/th...

6. Styling Gatsby Projects

  - Timestamp: 56:13

  - Code: https://s3-us-west-2.amazonaws.com/th...

7. Styling Gatsby with CSS Modules

  - Timestamp: 1:06:49

  - Code: https://s3-us-west-2.amazonaws.com/th...

8. Gatsby Data with GraphQL

  - Timestamp: 1:28:23

  - Code: https://s3-us-west-2.amazonaws.com/th...

9. GraphQL Playground

  - Timestamp: 1:47:12

  - Code: https://s3-us-west-2.amazonaws.com/th...

10. Sourcing Content from the File System

  - Timestamp: 1:51:32

  - Code: https://s3-us-west-2.amazonaws.com/th...

11. Working with Markdown Posts

  - Timestamp: 2:03:37

  - Code: https://s3-us-west-2.amazonaws.com/th...

12. Generating Slugs for Posts

  - Timestamp: 2:19:00

  - Code: https://s3-us-west-2.amazonaws.com/th...

13. Dynamically Generating Pages

  - Timestamp: 2:35:14

  - Code: https://s3-us-west-2.amazonaws.com/th...

14. Rendering Post Data in Blog Template

  - Timestamp: 2:52:08

  - Code: https://s3-us-west-2.amazonaws.com/th...

15. Adding Images to Posts

  - Timestamp: 3:03:28

  - Code: https://s3-us-west-2.amazonaws.com/th...

16. Getting Started with Contentful

  - Timestamp: 3:21:19

  - Code: https://s3-us-west-2.amazonaws.com/th...

17. Rendering Contentful Posts

  - Timestamp: 3:38:29

  - Code: https://s3-us-west-2.amazonaws.com/th...

18. Dynamic Pages from Contentful

  - Timestamp: 3:49:24

  - Code: https://s3-us-west-2.amazonaws.com/th...

19. 404 Pages and React Helmet

  - Timestamp: 4:10:18

  - Code: https://s3-us-west-2.amazonaws.com/th...

20. Deploying Your Gatsby Site

  - Timestamp: 4:25:38

  - Code: https://s3-us-west-2.amazonaws.com/th...