joong8812 / 9kbab

스파르타코딩클럽 AI웹개발 1기 첫번째&두번째 팀프로젝트 - 9k밥 by 9velopment

최중재 👨🏻‍💻 프론트엔드 개발자. Jungjae Choi 👨🏻‍💻 Frontend Developer.

안녕하세요. Hello. 👋

사람을 좋아하고, 열정적으로 일하며, 세상에 유익을 주는
비즈니스의 성공과 좋은 사용자 경험을 위해 적절한 기술을 사용하는 프론트엔드 개발자를 지향합니다.

Love people, Work passionately, Good influence on the world
I aim to become a frontend developer who uses proper skills for successful business and fantastic user experience.

🖥️ Solved.ac Profile

9kbab's Issues

[메인페이지] 좋아요 - 프론트

• 각 포스트의 좋아요 카운트 표시�
• 각 포스트에 사용자의 좋아요 유/무 표시
• 사용자 액션에 따라 사용자 좋아요 변화 서버에 전달

마이페이지

마이페이지 (화면) 구현

[댓글페이지] 댓글 작성 및 리스트 - 백엔드

• 해당 게시글의 코멘트를 디비에서 가져와 프론트로 응답
• 코멘트 작성에 대한 내용을 디비에 저장 후 새로운 댓글 리스트 응답

[회원가입] 숫자인식 - 백엔드

• 숫자인식 요청에 대한 처리
• 숫자인식 모델을 사용하여 숫자이미지 값 확인
• 프론트가 요청한 이미지값과 사용자입력값이 동일한지 확인 후 응답

[마이페이지] 스크랩 기능 - 백엔드

• 스크랩리스트 요청 시 응답

[포스트(글쓰기)] 자동 태그 추천 - 프론트

• input/file 에 올린 이미지 파일과 함께 이미지 분류 서버에 요청
• 이미지 분류 결과값을 받아 태그 입력란에 추천

[메인페이지] 좋아요 - 백엔드

• 각 포스트의 좋아요 카운트 프론트에 전달
• 각 포스트의 사용자 좋아요 유/무 전달
• 사용자 액션에 따른 디비 저장/읽기/쓰기 후 응답

회원가입 페이지

회원가입 페이지(화면)를 만든다

댓글 페이지

댓글페이지 (화면) 구현

2차 시연 영상 녹화

2차 시연 영상을 녹화한다

(Optional) 추가 기능 건의

프로젝트 진행 상황을 보고 추가 기능을 건의 한다.
오는 금요일(1/14)까지 의견 수렴 (주말에도 개발 한다는 가정 하에...)
자유롭게 해당 이슈에 답글 부탁합니다~

[마이페이지] 스크랩 기능 - 프론트

• 스크랩 탭을 만든다 (인스타그램 참고)
• 스크랩 된 포스트 이미지들을 보여준다
• (추가?) 스크랩 페이지??

포스트(글쓰기) 페이지 - 백엔드

포스트(글쓰기) 페이지 api 설계 구현

로그인 페이지

로그인 페이지 작성 (html, css 등)

시연 영상 녹화

작성된 시연 시나리오 대로 영상을 녹화한다.

[회원가입] 숫자인식 - AI

• 숫자이미지 데이터셋 수집 (1자)(4-5글자로 이루어진 데이터셋이 있는 지 확인)
• 숫자인식 모델 만들기
• 백엔드에 해당 모델 사용법 전달
• 테스트 이미지 프론트로 전달

메인페이지(피드) - 백엔드

메인페이지 api 설계 구현

프로필 변경 - 백엔드

프로필 변경 api 설계 및 구현

시연 시나리오 작성

완성된 프로젝트 시연을 위한 시나리오를 작성한다.

로그인 페이지 - 백엔드

로그인 페이지 db 및 api 설계

나의 피드 - 백엔드

나의 피드 api 설계 및 구현

나의 피드 페이지

나의 피드 페이지(화면) 구현

[댓글페이지] 댓글 작성 및 리스트 - 프론트

• 메인페이지에서 댓글페이지로 넘어가도록 (모달?)
• 해당 포스트에 작성된 댓글을 보여준다 (서버로 요청 및 응답 후)
• 사용자가 댓글을 작성할 수 있다 (서버로 요청)

프로필 변경 페이지

프로필 변경 페이지(화면) 구현

로그아웃 기능 - 백엔드

프론트에서 로그아웃 요청 시 토큰 제거 및 로그인 화면으로 리다이렉트

[메인페이지] 스크랩 기능 - 프론트

• 메인페이지 각 포스트에서 사용자 스크랩 유/무 표시
• 스크랩 및 취소 하도록 -> 액션에 따라 서버로 변화된 상태 요청

메인페이지 (피드) 페이지 만들기

메인 페이지 (화면) 구성

[메인페이지] 스크랩 기능 - 백엔드

• 각 포스트의 스크랩 유/무 프론트로 전달
• 각 포스트 스크랩 액션에 따라 디비 업데이트

마이페이지 - 백엔드

마이페이지 api 설계 및 구현

준태 튜터님 예약 (22-01-17(월), 11:00 ~ 11:30)

회원가입 - 백엔드

회원가입 api 설계

[포스트(글쓰기)] 자동 태그 추천 - AI

• 이미지 분류 모델을 위한 데이터셋 수집
• 새로운 모델이나 기존 모델에 전이학습을 시켜 이미지분류 모델을 만든다.
• 백엔드에 모델 사용 가이드 전달

[회원가입] 숫자인식 - 프론트

• 랜덤으로 숫자이미지를 보여준다.
• 사용자에게 숫자값을 입력 받는다.(그리기)
• 숫자이미지와 사용자 입력값을 서버에 보내 비교 분석 요청
• 서버 응답 값에 따라 회원가입 가능 유무 판단

재화 튜터님 예약 (22-01-12(금), 20:00 ~ 20:30)

포스트(글쓰기) 페이지

포스트 (글쓰기) 페이지(화면) 구현

2차 시연 시나리오 작성

2차 시연 영상을 위한 시나리오를 작성한다

테스트 및 버그 픽스

프로젝트가 완료가 되면 모든 구성원이 테스트를 한다.
테스트 시 버그가 발견되면 해당내용을 이슈로 등록하고, 담당자 할당을 하고 고친다.

[포스트(글쓰기)] 자동 태그 추천 - 백엔드

• 프론트로부터 이미지 분류 요청 처리
• 이미지 분류 모델 사용
• 결과값 프론트로 응답

게시글 수정 (프론트, 백엔드)

api 설계 및 페이지 구현

댓글 페이지 - 백엔드

댓글 페이지 api 설계 및 구현