모각코처음인사람들 5회차 2022.01.25

목표

• **rn 책 2-4챕터 끝내기, **

• 프로브 사이트 ui만들기

프로브 사이트 ui만들기

모각코를 처음 시작하면서 공부했던 gatsby를 이용하여 프로브레인 소개 페이지를 디자인하고 실제로 구현해 보았다.

Gatsby 는 JAM Stack 을 활용한 정적 사이트 생성기로 기존 react등의 방식보다 더 빠르게 웹사이트를 제공할수 있다는 장점이 있어

따로 디비나 데이터를 처리할 필요가 없는 소개페이지를 gatsby를 이용해 정적페이지로 구현하기로 하였다.

gatsby를 사용하고 react의 어플리케이션 구조인 아토믹 디자인을 이용하여 폴더 구조를 잡고 구현하였다.

아토믹 디자인

https://ui.toast.com/weekly-pick/ko_20200213

실제 구현 페이지