대구소프트웨어고등학교 학생들은 자신이 공부를 하다가 잘 모르는 정보 혹은 제대로 알고 싶은 전공 지식이 있다면 검색을 통해서 알아보거나 혹은 오프라인이나 메신저를 이용하여 친구 또는 선배들에게 물어보고 정보를 얻을 수 있습니다.
하지만 자주 물어보러 다니는 것이 번거롭거나 상황이 애매하여 질문하기 어려울 때 등, 이를 간편하게 온라인화하여 웹 서비스를 제공하기로 했습니다.
Platform | Web | Server |
---|---|---|
Name | 권용빈 | 권용빈 |
Language | TypeScript | TypeScript |
Framework, Library | React.js, Recoil, Scss, FCM Notification | Nest.js, TypeORM, PostgreSQL, FCM Notification |
Develop Tools | Visual Studio Code | Visual Studio Code, pgAdmin5 |
- 회원가입 과정에서 Github OAuth를 이용한 회원가입을 진행합니다.
- 추가적인 사항은 직접 입력 받습니다.
- 최근에 올라온 질문 글들을 조회 할 수 있습니다.
- 최근에 가입한 유저 목록을 조회 할 수 있습니다.
- 오른쪽 사이드바에는 인기 질문글, 유저를 조회 할 수 있습니다.
- 유저들이 올렸던 전체 질문 글을 조회할 수 있습니다.
- 최신순 / 인기순 카테고리에 따라 볼 수 있습니다.
- 그리드 / 리스트 뷰 보기를 제공합니다.
- 마크다운 렌더링을 이용하여 글을 보여줍니다.
- 좋아요를 눌러 공감할 수 있습니다.
- 댓글, 답글을 추가 / 수정 / 삭제를 할 수 있습니다.
- 코드에 관한 질문들을 예상하여 댓글, 답글도 마크다운 작성 및 프리뷰를 제공하였습니다.
- Github Issue의 기능을 참고하여 댓글에 이모지 공감을 달수 있도록 했습니다.
- 마크다운 문법을 이용하여 작성하고, 프리뷰 기능을 제공합니다.
- 글과 관련된 태그를 자유롭게 추가할 수 있습니다.
- 소개글과 썸네일을 설정할 수 있습니다.
- 키워드를 검색하여 질문글을 검색 할 수 있습니다.
- 검색내역을 제공합니다.
- 가입된 유저 목록을 조회합니다.
- 학교 기수별 / 인기순으로 정렬해서 볼 수 있습니다.
- 유저 이름을 검색하여 조회 할 수 있습니다.
- 유저의 정보를 가져옵니다.
- 유저가 작성한 글 / 댓글을 작성한 글을 선택하여 볼 수 있습니다.
- 자신이 정보를 수정하고 싶다면 수정할 수 있습니다.
- 만약 해당 유저가 자신에게 많은 도움이 되었다면 추천 사유를 자유롭게 작성하여 유저를 추천 할 수 있습니다.
- 유저들이 질문을 작성할 때 같이 썼던 태그 목록을 조회할 수 있습니다.
- 태그 이름, 설명, 사용된 질문의 개수를 보여줍니다.
- 인기순 / 이름순으로 조회 할 수 있습니다.
- 태그의 정보, 그리고 태그가 사용된 질문글들을 조회 할 수 있습니다.
- 관리자가 작성한 공지사항 목록들을 조회 할 수 있습니다.
- 작성 과정또한 마크다운 문법을 이용하여 작성합니다.
https://yiyb0603.github.io/my_portfolio/projects
https://velog.io/@yiyb0603/DeepFlow-%ED%94%84%EB%A1%9C%EC%A0%9D%ED%8A%B8-%ED%9A%8C%EA%B3%A0%EB%A1%9D