CONNECTOR - 개발자 QNA 게시판

주제

개발자 QNA 게시판

기획 의도

• 자바스크립트와 리액트를 이용한 로컬 스토리지 기반 게시판 제작
• 개발자들이 소스코드를 공유하며 질문할 수 있는 QnA 게시판을 제작

개발기간

2024.6.20 - 2024.6.27

기술 스택

HTML5/CSS3, JavaScript, React.js

역할 및 구현 기능

통합 담당자

• 협업을 위해 Git 및 GitHub를 사용하며, 팀원 브랜치 통합하는 역할을 담당

게시판 뼈대 구축

• 게시판에 필요한 레이아웃 및 디자인 제작(connector > src > app_base.js)
• 게시판 구현을 위한 기본 모델 작성(src>model>ItemStorage, Item, QnaStoarge, AnswerItem, QuestionItem)

게시글 작성 & 답변 시스템

• 비밀번호를 이용하여 게시글 작성/수정 및 답변 작성/수정 구현

인기 게시글 목록

• 인기 게시글을 오른쪽에 배치, 클릭 시 인기 게시글로 이동하도록 구현
• 인기 게시글 기준은 일주일 동안 달린 댓글이 많은 순으로 내림차순 정렬

검색 기능

• 키워드를 입력하여 제목, 내용, 소스코드에 해당하는 키워드가 있으면 검색되도록 구현
• 검색 결과 또한 작성일을 기준으로 내림차순으로 정렬

발표 자료

리액트 프로젝트_개발자 QnA 게시판_CONNECTOR