프로젝트 개요

• 경제뉴스를 읽어도 어려운 용어와 방대한 정보로 어려움을 겪는 분들을 위해 제작된 경제 입문 가이드 사이트
• 기간: 2024.01.15 - 2024.02.05
• 팀 구성: 5인 (풀스택: 3 / 백엔드 2)

주요 기능

• 뉴스룸 (경제 뉴스 모아보기): 형광펜 기능을 통해 주요 단어 저장
• 주식 길잡이 (투자 체험): 실제 차트 기반 투자 공부 및 모의 투자를 통한 투자 체험
• 개미의 시선 (커뮤니티): 경제 주제에 대한 소통의 장

담당 역할

1. 커뮤니티 페이지

• 커뮤니티 게시글 CRUD, 게시글 검색, 댓글/대댓글, 좋아요, 신고하기

• 페이지네이션

  한 페이지에 5개의 게시글만 출력되도록 데이터 호출하여 무한 스크롤 방지

• 좋아요

  • 초기 구현 방식: 좋아요 버튼 클릭 시 DB에 1씩 추가/감소
  • 문제점: 특정 유저의 좋아요 여부를 확인할 수 없음
  • 개선 사항: 좋아요 데이터를 배열로 저장, 로그인한 유저가 좋아요를 누르면 배열에 유저 ID를 추가하여 좋아요 수를 배열 길이로 계산, 로그인한 유저의 좋아요 여부는 배열에 유저 ID가 존재하는지 여부로 판단하여 표시

• 반응형 웹

  미디어 쿼리 활용 반응형 웹 (1024px 이하 태블릿 / 758px 이하 모바일)

2. 모의투자 페이지

• 페이지 UI 설계 및 구현
• 종목 선택 유지
  • 모의투자 종목 선택 시 새로고침 후에도 종목이 초기화되지 않도록 로컬스토리지에 종목 정보를 저장