전체 방문자
오늘
어제
  • 전체 글
    • HTML
    • CSS
    • Javascript
    • React
    • Typescript
    • Next.js
    • Webpack
    • Vue.js
    • Git & GitHub
    • Error
    • Study
    • 개발 일지✨

블로그 메뉴

  • 💡
  • ⚙️
hELLO · Designed By 정상우.
하루

Home

내일배움단 프로젝트 챌린지 2일차 개발일지
개발 일지✨

내일배움단 프로젝트 챌린지 2일차 개발일지

2022. 1. 8. 11:20

코딩개발일지 시작의 한마디

1/7 (금)

오늘은 튜터님께 조언도 듣고 주제에 대해서 좀 더 자세하게 기능을 좁힐 수 있을것 같다!

 

 

개발 업무 내용

1. 주제 구현범위 가능 여부 확인하기

연관된 해시태그 데이터들을 주제에 따라서 분류해서 보여주는 것까지 구현해낼 수 있는가?

- 세분화해서 데이터를 분류하는데 있어서는 굳이 DB까지 필요하지 않을것 같다.

 

2. 기능 

  • 검색기능
  • 사용자로부터 받은 단어와 연관된 해시태그들 조회하기 > 보여주기
  • 관심단어 등록하기
  • 실시간 검색 순위 보여주기
  • 로그인/회원가입
  • 아이디/비밀번호 찾기

 

3. 업무 분담하기

프론트

  • 로그인 페이지
  • 회원가입 페이지
  • 아이디/비밀번호 찾기 페이지
  • 메인페이지 (검색 및 검색순위 노출)
  • 검색결과 페이지 (연관 단어 보여줌)
  • 관심단어 등록 페이지
  • 스크랩 페이지 (단어마다 눌렀을 때 관련 글들을 보여줌)

백엔드

  • 로그인 및 회원가입 DB
  • 검색 순위 가져오기 (해시태그 크롤링)
  • 관심단어 등록 DB (시간 가능하면)
  • 단어 연관 글 스크랩

 

4. 프로토타입 제작

  • 툴: 피그마
  • 레이아웃 만들어보고 수정 거친 후 디자인 만드는 것으로 결정

 

 

업무 중 이슈/고민/해결내용

기존에 생각했던 기능들은 단순히 크롤링해와서 조회해서 보여주는 기능밖에 없었다.

CRUD(Create, Read, Update, Delete) 를 다양하게 활용할 수 있는 방안에 대해서 고민했다.

- 댓글기능을 추가한다면 CRUD 를 모두 활용할 수 있을 것 같다.

- 검색기록 저장을 활용하는 방안

 

그래서 사용자의 관심단어를 등록하고 삭제할수 있게 하였고, 사용자만의 관심단어를 등록해야하므로

로그인기능을 추가하였다. 또한 사용자들로부터 받은 검색에 대한 실시간 순위를 나타낼 수 있도록 하였다.

 

To-do List

업무 기한
■ 프로토타입 제작 ~ 
■ 피그마 레이아웃 잡기 ~ 1.8 (토)

대략적인 레이아웃

 

 

    '개발 일지✨' 카테고리의 다른 글
    • 내일배움단 프로젝트 챌린지 4일차 개발일지
    • 내일배움단 프로젝트 챌린지 3일차 개발일지
    • 내일배움단 프로젝트 챌린지 1일차 개발일지
    • [스파르타 코딩클럽 후기] 왕초보 비개발자를 위한, 웹개발 종합반 (프로그래밍 실무, 풀스택)

    티스토리툴바