1. 소개
2. 직접 사용해 보기
3. 노션 데이터 파싱... 렌더러 없나..?
4. 있다! notion renderer로 검색하다 보니...
5. https://github.com/NotionX/react-notion-x
6. https://github.com/splitbee/react-notion
7. https://github.com/transitive-bullshit/nextjs-notion-starter-kit
8. 그 외..
   서비스 : https://super.so/
   노션의 데이터 모델에 대해 https://www.notion.so/ko-kr/blog/data-model-behind-notion

1. Dialog
2. Navigation bar
3. Select
4. Selectbox
5. Textbox
6. Grid
7. Image thumbnail (fixed ratio)
8. Progress bar
9. Skeleton

오픈소스 자바스크립트 게임 엔진. 웹 브라우저 기반으로 작동함.
뱀파이어 서바이벌 을 만든 엔진으로도 유명하다.

PixiJS 와 Babyon.js 등이 있었지만 게임 개발에 문외한이고 뱀파이어 서바이벌에서 큰 영감을 받았기에 다른 엔진에 대해서 크게 고민하지 않았다.

1. TS 지원 https://github.com/digitsensitive/phaser3-typescript
2. Vite 지원 https://github.com/geocine/phaser3-rollup-typescript
3. Vercel 배포
4. Example project - Space Invader
5. Example project - Super Mario
6. Vampire Survivor clone

• nextjs
• swr
• emotion/styled
• vercel 배포

• 이미 잘 설명해 놓은 블로그가 있으니 자세한 과정은 다른 링크를 첨부합니다.
• 특히 어려웠던 부분을 중점으로 정리합니다.

1. styled/emotion을 계속 써오다, 디테일보다 시간이 중요한 프로젝트 진행
2. 회사 내에선 처음으로 tailwind 도입
3. daisyui 도입 및 customization의 어려움
4. 그럼에도 불구하고 엄청나게 높은 생산성
5. 시간내 성공적으로 완수

• 현재 게시물에 이미지가 보이지 않는 버그가 있습니다.

https://github.com/marmelab/react-admin#readme

1. 설명
2. 설치
3. 약간의 러닝커브
4. 서버사이드 구현
5. 를 모두 뛰어넘는 개발의 용이성 (새로운 모델이 추가되었을 때 admin 기능 개발에 1시간이 채 들지 않음)
6. 커스텀 컴포넌트
7. 배포 - vercel로 배포. 알 수 없지만 vercel로 먼저 새 프로젝트 생성하고 그 이후에 라이브러리 설치 필요

1. 기존 프로젝트와 조금 거리가 있는 시간 제약이 높은 요구사항
2. 노리고 있던 superbase 도입 결정
3. 1시간의 설정 -> 백엔드 완성
4. 쿼리 학습
5. 프로젝트에 도입
6. 프로젝트 완수