페이지 컨셉 아이디어
- 문서작성 보조 사이트
ex) 이미지로 되어있는 표를 옮겨 적을 때 수작업이 너무 번거롭다.
이미지텍스트 추출을 이용해 아래와 같은 표 입력 텍스트로 바꿔보고 싶다.
||인스턴스 변수|클래스 변수|
|------|---|---|
|생성 시점|인스턴스가 생성될 때 만들어진다|프로그램이 실해될 때 이미 만들어져 있다|
|사용 가능 시점|인스턴스가 생성된 후에 사용할 수 있다|인스턴스를 생성하기 전에도 사용할 수 있다|
|생성 공간|힙 메모리의 인스턴스 내|클래스 영역의 클래스 코드 내|
|용도|객체의 고유한 속성 저장|객체 간 공유 속성 저장|
- 한국판 chegg
- 회원 구독 단계별로 질문 가능 횟수가 다름
- 이미지 인식기능 있으면 좋을듯 (카톡 Askup 같이...GPT까지 연동하면..)
- 텍스트 인식하면 GPT에 먼저 물어봐주면 좋을듯 (전문가 수준, 목록 형태로, 반말로 등 GPT에게 효과적으로 물어보기 위한 양식 제공)
- 저작권?방지를 위해 구글 등에서 이미지 검색되면 이미지가 흐리게 보이게 하기(프론트)
학생회원이 질문을 올리면 Tutor회원이 답변을 이미지,링크첨부, 동영상, 텍스트 방식으로 답변해주고 답변 만족도에 따라 포인트를 얻고 그 포인트를 현금화할 수 있는 서비스 제공.
(가능하다면 이미지 용량 최적화 시켜서 업로드할 수 있게 하고 회원 등급별로 이미지 해상도or사진 갯수에 제한을 두는 것도 괜찮을듯)
-
영화, 뮤지컬 예매창 빈자리 생기면 알림 주는 사이트 (불법이라는 소리가 있음)
-
코딩연습 페이지 만들기
- 코플릿 같은 페이지
- 내부 로직이 매우 어려울 듯
5. 서버관리 부담되는 개인개발자를 위한 사이트
- 코드를 받아서 하위페이지에 해당 기능을 올린 사이트를 연결해주기
- 불법성 사이트 개설시도시 거를 수 있는 수단 필요할듯
-
코드 관계도 이미지화 사이트
- 다양한 클래스와 패키지에서 변수와 메소드가 사용하고 사용되어지는 순서(디버깅 순서)를 화살표로 경로를 나타내고 클래스와 패키지를 도형으로 만들어 표기
-
유어클래스 같은 사이트
- 교육용 자료를 배포할 때 본인 수준에 맞게 읽을 수 있게 단계 설정을 통해 다른글이 보이게 하면 좋을 것 같다. (ex. 부연설명 필요없으면 3단계 선택해서 안보이게하기, 초보자면 같은 말(중요하면) 다양하게 여러번 반복하고 부연설명 길게 쓰기 가능하게)
- 혹은 작성한 코드를 누르면 작성한 코드의 설명이 열리는 방식 등으로 최대한 간략한 글을 메인으로 삼고 이해가 잘안가는 문단을 클릭해 자세한 설명을 열 수 있는 방식으로 해도 좋을듯
- 문제는 그냥 고급자용, 초보자용 학습자료 따로 만들면 되는거라 실용성이 떨어지긴 함. 다만 여러 페이지 만드는 것 보다 리소스?는 줄어들지도?
- 사실상 위 설명들은 유어클래스 같은 사이트에 추가하고 싶은 기능에 대한 설명인 것이다. 7번 주제의 핵심은 사실상 블로그 사이트 만들기 같은 느낌.
-
e-book 판매 페이지
- 책들을 구매하면 pdf, 이미지 파일 등으로 다운받을 수 있게 하거나 웹페이지에서 바로 열람 가능하게 해주는 페이지
- 작가, 소비자 id 구별
- 작가들이 책을 쓸 수 있는 기능도 있으면 좋을듯
- 7번에서 언급한 내용과 같이 정보, 지식관련 서적의 경우 주석관리시스템(?) 같은걸 만들거나 본인 수준에 따라 요약된 글을 볼 수 있게하는 기능도 추가되면 좋을 것 같다.
- 체스, 부루마블, 오목같은 웹게임 페이지
- 마이다스아이티에서 만든 게임으로 하는 성향검사 참고하면 좋음
- 프론트분들이 너무 어려울듯?...
- 기본구조 +@ 내용이 많기 때문에 시간내에 완성 못할지도?...
- 온라인 청첩장 플렛폼
기본 구조, 기능 정리
-
회원가입
- 아이디, 비밀번호 입력
- 비밀번호 입력 시 특수문자+숫자+영어 조합으로 한정하기
- 비밀번호 입력 시 잘못된 형식의 비밀번호 입력 시 경고표시
(자바스크립트로 전송되는 데이터는 브라우저의 개발자 도구를 사용해서 브레이크포인트(breakpoint)를 추가한 뒤에
얼마든지 그 값을 조작할 수 있기 때문에 서버에서 한번 더 유효성 검사 해야함)
- 불가능한 비밀번호 양식일 때 추천 비밀번호 제공
- 불가능한 양식으로 가입시도시 뭐가 잘못 됐는지 알려주기 ex. "한글입력 안됩니다." 출력
- 네이버,구글 로그인 연동 (이건 어려울듯?..)
- 가입조건 전부 입력하면 그때 가입완료 버튼 활성화하기. (안눌리는 박스상태에서 눌리는 박스로 변경)
- 본인인증 프로그램 연동
- 회원가입 특수문자 확인
-
로그인
- 비밀번호n회 오류 시 메크로 방지(귀찮게하는) 프로그램 띄우기
- 비밀번호 가리기,보이기 전환 가능하게 하기 (가능하면 끝자리만 보이게하기도)
- 토큰인증 방식
- OAuth2(구글, 카카오) 인증
-
웹서비스 사용 중
- 이미 본 링크 연한글씨로 바꾸기 (이건 브라우저의 기능인가?..)
-
그 밖에
- 해외IP 차단
- 스크랩 기능 지원 (원하는 페이지 저장)
-
간단한 쪽지(메일)기능
-
다크모드 (프론트분들...)
-
검색엔진 연결 (JPA와...) (Hibernate Search)
-
백업용 DB 추가
-
회원가입 실패시 정보 초기화 안되게 하기
-
API 문서화
- 프론트엔드가 사용할 수 있도록 제공
- 각자 개발한 부분에 대해 문서화 시켜서 넘겨주는게 좋을 듯
Elastic search 해봐라~
-
광고팝업창
- 일정시간 시청해야지만 지울 수 있는 팝업창 생성
- 다른 텝으로 이동하면 시간 counting이 안되게 하면 좋을듯
-
Spring Security 적용
-
공지팝업창
-
자동배포
- CodePipeline or GitHub Actions
아이디어 선택 기준
아래 기준들을 활용해 각 항목별로 점수를 내고 합산하면 좋을듯.
다만, 꼭 선정기준을 위해서라기 보다는 팀원 개개인이 어떤 요소를 중요시 생각하는지 알 수 있어 좋을 것 같다.
- 모호한 기준은 지양하자.
ex. 이쁜게 들어갈만한 요소가 많아야한다. X
이쁘게 디자인 하기 위한 XXX기술을 적용할 수 있어야 한며, 이를 위해 ~~가 필요하다. O
-
데이터 수집이 얼마나 쉬운가?
- 구하기 힘든 데이터를 다루는 주제면 공수낭비가 심하다.
-
데이터를 다루기 얼마나 쉬운가?
- ex. 게임 보조 도구 만들기 하면 게임에 대한 공부(필요없는 공부)가 필요하다.
+@
- 대략적인 스키마를 그려오면 좋고...
- 블로그나 ppt 형태로 정리해와도 좋고...
주의사항, 약속
git reset
은 가능한한 사용하지 말자
- 실수로 커밋한 내용이 있어도 그냥 남겨두는게 편하다...
- secret key를 실수로 올리는 등의 치명적인 실수가 아닌이상...참자
- 작업 분배는 어떤 방식으로??
- A인원이 CRUD, B인원이 security 이런식으로 나누면 효율은 좋을듯
- but 전체적인 학습은 안될 듯