1 of 28

2023년 회고

18학번 박영건

Frontend

MEGACON 2023

1

2 of 28

프로젝트 2개 회고

(Keep, Problem, Try)

MEGACON 2023

2

3 of 28

QR 키오스크

MEGACON 2023

3

4 of 28

1. 정보

인원 : 18학번 4인방

Repo 링크 : https://github.com/jadru/qr-kiosk

​

기술 스택 :

- 백엔드 : Typescript Nest.js PostgreSQL Prisma

- 프론트엔드 : Typescript React.js Vite Recoil Axios

- Deployment : Yarn Berry (Mono Repo) Docker

MEGACON 2023

4

5 of 28

2. WHY QR 키오스크?

QR 코드 메뉴판의 활성화

MEGACON 2023

5

한국의 키오스크는 비쌈

저렴한 QR 키오스크 개발

QR 키오스크로 시장 혁신

6 of 28

3. 프로젝트 설명

MEGACON 2023

6

7 of 28

3. 프로젝트 설명

MEGACON 2023

7

8 of 28

3. 프로젝트 설명

  • 테이블 번호마다 다른 QR 메뉴판 생성
  • 사장님만의 테마와 레이아웃이 가능한 메뉴판
  • 토스 페이를 연동한 안전한 결제 시스템
  • 비회원이라도 주문을 할 수 있는 시스템
  • 사장님의 주문 관리 및 처리 시스템

MEGACON 2023

8

9 of 28

4. 프로젝트 기간

8일만에 완료

MEGACON 2023

9

레포 세팅 2월 7일

프로젝트 시작 3월 2일

프로젝트 완료 3월 9일

10 of 28

5. Keep

  • 개발 루틴 적용 / Waka 하루 10시간
  • 빠른 아이디어에 빠른 프로젝트

MEGACON 2023

10

11 of 28

5. Problem

  • 아이디어 구체화 필요.
  • 처음부터 고민한 코딩이 필요. (컴포넌트와 코드가 더러움)
  • 문서화로 미리 정리된 부분이 필요.

MEGACON 2023

11

12 of 28

5. Try

  • 컴포넌트/코드 설계가 필요하다.
  • 빠른 아이디어에 빠른 개발을 위한 템플릿 필요.

MEGACON 2023

12

13 of 28

예술 플랫폼 Artscope

MEGACON 2023

13

14 of 28

1. 정보

인원 : 외부 예술가 (기획), 박성훈, 김동현

Repo 링크 :

Frontend: https://github.com/Media-XI/artscope-fe

Backend: https://github.com/Media-XI/artscope-backend

기술 스택 :

- 백엔드 : Spring Boot JPA Spring Security PostgreSQL MySQL

- 프론트엔드 : Typescript Next.js Zustand Yarn Berry (Mono Repo) TailwindCSS TipTapEditor

- Deployment : Docker Github Action AWS EC2, K8S, Cloudfront

MEGACON 2023

14

15 of 28

2. WHY Artscope?

예술에 대한 대중의 인기 하락

MEGACON 2023

15

예술의 상품성 하락

예술 업계의 고착화 / 소통 부재

공모 프로세스 시장 혁신

커뮤니티 플랫폼으로 예술 도메인 혁신

16 of 28

3. 설명

MEGACON 2023

16

17 of 28

3. 설명

Q. 작가가 미술관에 공모를 쉽게 넣는 방법이 없을까?

MEGACON 2023

17

-> 공모 프로세스 기능

Q. 업계끼리의 소통이 부족한데, 간단하게 소통을 만들 방법이 없을까?

-> 포스트 기능 (X.com, FB 게시글 같은)

Q. 작가들이 작품을 쉽게 올리는 방법 없을까?

-> 작품 업로드 기능, 포트폴리오 기능

Q. 작가들이 토론을 하는 공간이 필요하지 않을까?

-> 투표, 토론, 아고라 기능

18 of 28

4. 프로세스

MEGACON 2023

18

19 of 28

4. 프로세스

MEGACON 2023

19

20 of 28

5. 계획

MEGACON 2023

20

21 of 28

6. Keep

  • 개발 루틴 적용 / Waka 하루 10시간
  • 장기간 프로젝트로 실제 Deploy, 사용자 데이터 분석 등
  • 실제 사용자에 필요한 기능 적시/적소 요구 및 적용
  • Next.js로 SEO 웹사이트를 구축
  • 기능 조직으로 인한 소통 상승

MEGACON 2023

21

22 of 28

6. Problem

  • 장기간 프로젝트로 인한 피로도 상승
  • Next.js 러닝커브로 인한 지연 발생
  • 체계적이지 않은 프로세스로 기능 출시가 비정기적
  • 자금 조달 부족으로 신기능 출시 지연

MEGACON 2023

22

23 of 28

6. Try

  • PMF (Product/Market Fit) 끌어올리기
  • 자금 조달로 창업 준비
  • 기술 스택 선택은 신중하게
  • 개발 프로세스 확립

​

​

​

MEGACON 2023

23

24 of 28

결론

MEGACON 2023

24

25 of 28

“프로덕트는 하루만에”

기획.디자인.개발 출시 가능하다.

MEGACON 2023

25

26 of 28

MEGACON 2023

26

“아이디어는 주변에”

우리가 해결해야할 기술적인 문제가 많다.

27 of 28

MEGACON 2023

27

“동료들도 주변에”

백엔드.프론트엔드.보안…

28 of 28

감사합니다�QnA

MEGACON 2023

28