SA: 미니프로젝트 계획 단계 및 학습

Starting Assignment(SA) 미니프로젝트 발제가 나왔다.

이번 미니프로젝트에서는 뉴스피드 만드는 거다. 예를 들면 블로그, 커뮤니티, SNS 등!

발제 자료 올라오자마자 팀원끼리 모여서 수근수근 회의했다.

 

1. 컨셉 정하기

우리 팀은 리뷰 중심으로 갔다. 주제는 여행, 요리 레시피, 알고리즘 코드 리뷰 등등이 나왔는데,

그 중에서 우리에게 실질적으로 도움을 줄 수 있는 알고리즘 코드 리뷰를 작성하고 공유할 수 있는 웹사이트 구현을 주제로 로 했다.

 

2. 개인 의견 및 종합

1. 프로젝트 제목/간단 설명

알고리즘 코드 리뷰. (알코리)

1) 문제 풀기: 문제 소개, 입력 및 출력 with 예제

2) 코드 게시: 각자 시도해본 알고리즘 코드 올리고 공유하면서 어떻게 접근했고, 어떤 개념을 사용했고(우리가 자료구조 알고리즘 시간에 배운 것들, 특강에 배운 것들 활용하면 굿) 코드 복사해서 붙여넣고, 마주친 문제들, 문제 해결과정 어땠는지, 궁금한 점, 피드백 등을 게시할 수 있다.

3) 댓글 기능

4) 마이페이지에서 본인이 푼 문제 확인 가능

5) 코드 조회: 다른사람들이 쓴 코드 조회 가능, 좋아요 많이 받은 코드 상단에 위치(추가기능) 같은 문제의 코드를 다양하게 작성할 수 있다는 걸 알고, 좀 더 효율적인 코드를 찾고 익힐 수 있는 웹사이트 구현.

 

예시 사이트:

알고스팟 https://algospot.com/judge/problem/list/

algospot.com :: 문제 목록 보기

웹사이트 간단한 디자인 구현: 프로젝트 오일러 https://euler.synap.co.kr/

프로젝트 오일러

 

2. 와이어 프레임

1) 소개페이지: 환영합니다, 알코리 소개, 누구를 대상으로 하는 페이지인지 소개

2) 상단 메뉴

처음으로, 문제목록, 게시판, 로그인/로그아웃/회원가입, 계정관리 - 회원탈퇴/회원정보수정,

마이페이지- 게시물 조회, 수정, 삭제

3) 문제 목록: 문제 이름, 코드 리뷰 개수, 정답 비율

 

<다른 팀원의 아이디어>

1. 형집님

코드를 쓰고, 답변을 달아주는 사이트

회원가입, 탈퇴

본페이지, 마이페이지, 마이페이지 게시판

 

2. 병학님

코드스캐너

메뉴 디자인 열리고 닫히게

네이버 지식인처럼 코드 내용 작성 및 답글 기능

코드를 복사할 수 있는 코드스니펫 기능

해시태그 기능, 정렬기능 등 추가 기능

 

3. 우중님

본인 알고리즘 소개, 자랑

문제 설명, 각자의 설명을 모달이나 새페이지 형식으로 만든다.

클릭시 코드 복사 기능

 

<종합된 의견>

1. 사이트 이름: 코드스캐너

2. 첫페이지 카드 형식으로 문제가 나열되어있다.

3. 사용자가 문제를 출제하고 코드도 제시한다.

4. 다른 사람들은 나도 풀어보기 댓글달기, 댓글 누르면 새 페이지로 가서 그 사람들이 푼 코드 볼 수 있다.

5. 파일업로드/다운로드: 회원가입시 프로필사진 업로드, 실행결과 캡쳐해서 이미지 업로드 / 파이썬 파일 다운로드

 

3. API 및 역할 분담

프론트엔드 - 백엔드로 나누기?

틀을 짜고 만든 후에, 디자인은 나중에 한 명이 모아서 하기

 

<필요한 API>

회원가입 post
 회원탈퇴 프로필? delete
 회원정보수정 put
 본페이지 조회 get
 마이페이지  조회 get
 수정 put
 삭제 delete
 마이페이지 게시판 조회 get
 수정 put
 삭제 delete
 게시판의 방명록 기능

 

 

<역할 분담> 

0. front 및 창조주 - 우중님
1. home page - 첫 카드형식 페이지 - 승현님 c,r
2. code page - 문제 출제 및 코드 제시하는 게시판 페이지 - 형집님 c,r,u,d
3. reply page - 나도 풀어보기 구현 - 수정님 c,r,u,d
4. my page - 정보수정/로그인 페이지/회원가입 페이지 - 병학님 c,r,u,d

 

<해야할 것>

SA 작성 및 제출 - 팀장님

html/css 특강 다시 듣기

python flask랑 DB연결하는 방법 배우기 - 웹개발 4,5주차 복습

 

 

<우중님이 만드신 와이어프레임>

 

<ERD 초안>