Tag: gatsby

2024
frontendreact

Gatsby에 Tailwindcss 추가하기 (팁 CLI 방법)

설치하기Gatsby 프로젝트에서 tailwindcss 프로젝트를 추가할때 사용하는 방법입니다.추가로 프로젝트마다 tailwindcss를 쉽게 추가할 수 있는 팁도 알려드리겠습니다. 12npm install -D tailwindcss postcss autoprefixer gatsby-plugin-postcssnpx tailwindcss init -p tai

2020
frontendreact

Gatsby에 markdown 설정하기

시작하기gatsby는 정적 페이지로 제작시 많이 이용합니다. 예로 블로그나 소개 페이지 같은 경우에 용이합니다.데이터 베이스를 연결하지 않고 markdown파일로 글을 작성 후 데이터를 불러와 화면에 뿌릴수 있습니다.markdown파일로 작성시 재사용에 좋습니다. 그러면 gatsby에 markdown를 추가해보도록 하겠습니다. 플러그인 설치기존에 설치되어있

frontendreact

Gatsby에 typescript 적용하기

시작하기Gatsby는 React에 기반한 무료 오픈 소스 프레임 워크로 개발자가 정적 웹 사이트를 구축 할 수 있습니다. 설치하기Gatsby CLI 설치 1npm install -g gatsby-cli 프로젝트 생성 1gatsby new gatsby-project 프로젝트로 이동 1cd gatsby-project 개발 서버 시작 1gatsby dev