주어진 질문에 답변을 하면서 내 자신을 성찰하는 질문 & 답변 사이트

😃 React 및 프론트엔드 공부

😃 순수 CSS로 레이아웃, 반응형, Modal, hamburger menu 등 UI/UX 구현 (No Bootstrap)

😃 Question allah (너 자신을 알라 ) : 질문을 통해 '내 자신을 알아가자'는 의미를 담아았습니다.*

• 기간 : 2개월

  👩 황현정
  👦 서충식
  👦 서찬식
  

• 하루에 한 번, 질문에 답할 수 있고, 작성한 답변들은 한 번 저장된 후 하루 동안 수정, 다시 작성이 가능합니다.
• 작성한 답변은 나의 답변 페이지에서 연도별로 확인할 수 있습니다.
• 내가 한 경험 페이지에 timeline.JS를 도입해 경험을 작성하면 타임 라인 형태로 확인할 수 있습니다
• 현재 질문 생성은 관리자만 할 수 있습니다.

• View : React

• Data-binding: redux

• Ajax: Axios

• Router: react-router

• BackEnd : Express

• Server : Node.js

• hosting: Naver Cloud platform

• Storage: AWS S3

• DB : MariaDB

• 개발 환경

  • Source Tree: Git GUI tool
  • Heidi SQL : DB GUI tool
  • VSC : IDE, Code Editor
  • Github, Github Issue : 이슈 관리
  • Notion : 문서화 도구
  • Figma: 스토리보드 작성 및 프로토타이핑 용도

메인 배너
메인 컨텐츠
로그인
로그인 페이지
회원가입 페이지
내가 보는 나/ 남이 보는 나/ 인생의 성찰 질문 컴포넌트 시작 페이지
질문/답변 컴포넌트
일자 순서대로 작성한 것들을 한 눈에 볼 수 있습니다.
질문/답변 히스토리
내가 한 경험 메인 페이지
내가 한 경험 작성 페이지
로그인 후 사용자 이름/ 이미지/ 비밀번호를 변경할 수 있습니다.
나의 계정 페이지
일자 순서대로 작성한 것들을 한 눈에 볼 수 있습니다.
나의 답변 메인 페이지
작성한 답변을 디테일하게 조회할 수 있습니다.
나의 답변 > 상세 답변

1. 반응형 웹페이지 완수 ✔️
2. 도메인 (option)
3. 기능 추가 & 개선
4. 주제별 답변 보기 (연도별 답변만 볼 수 있는데 주제별, 질문별 추가. 답변 View 선택 사항 늘리기)
5. 답변 삭제 기능 - 내가 보는 나 / 남이 보는 나/ 인생의 성찰 => 답변 페이지에서 답변 컴포넌트 삭제 기능 - 내가 한 경험 : 경험 컴포넌트 삭제 기능
6. 회원 탈퇴 기능 (DB에서 정보 완전히 제거)
7. 이메일 인증 기능 및 보안 강화
8. 페이지 헤더 수정 (favicon)