기획

프로젝트 기획

프로젝트에 대해

프로젝트 명: Study Pop

뜻: 펑..펑..펑…!!!

머리속에서 폭탄 터지듯 지식의 파편이 맞춰지는 공부 도움 웹 사이트

프로젝트 기획 의도

자격증 공부를 할 때 뜻과 의미 둘 다 알아야 하는 경우가 있다.

이때 한쪽만 가리고 싶은데 손으로는 한계가 있다.

그런 경우를 위한 공부 도움 사이트!!!

TypeScript를 이용한 첫 프로젝트

PostCSS가 없는 첫 프로젝트 → Styled-Components 사용

프로젝트 기술 스택

• Front : React, TypeScript
• Back: 아직 구현 생각 없음. Firebase 차후 도입 생각 중 (OR Nest.js)

참여자

hae-on ( 나 >< ) 🌧 https://github.com/hae-on

프로젝트 진행

한달안에 완성 목표

깃허브 활용

기능

Learning 페이지를 통해 뜻과 의미를 공부할 수 있다.

(여기서 아이콘을 통해 뜻, 의미를 랜덤으로 숨길지 선택할 수 있게 할 지 OR 아이콘을 더 추가할 지 고민)

Testing 페이지를 통해 생성한 문제를 풀어볼 수 있다.

디자인

피그마로 진행

https://www.figma.com/file/DRn33aKbdyYjw895erFdce/study-pop?node-id=7%3A30

페이지 구성

첫 설명 화면

Learning

Testing

단어 생성 화면

과목 생성 화면

당부 사항

데이터 프론트 통신

TypeScript 문법 익히기

해야할 것

디자인 시안 짜기

세부적인 기능 더 추가

소감

하나하나 건들때마다 기능이 늘어나는 매직