하나증권Lite

FrontEnd

디지털 하나로 1기 2조*First_Team_project*하나증권Lite

개발기간: 2023.05.04 ~ 2023.06.05

🙋 팀원 소개

김익환	민새미	남성희	노유빈	남송윤
@dlrghks2090	@petcu1004	@tusker4	@YOOBINNOH	@songy00n
· 팀 회의 주도 · header & footer · 뱅킹, 공지사항 페이지 구현 · Git 관리, 메인화면 구현 · 크롤링 JS 작업	· 나의자산, 고객지원 페이지 설계 · 메인페이지, footer 구현 · Open API JS 작업 · 크롤링 작업 · 일정 및 노션 관리	· 금융투자상품, 주식파생상품, 펀드 페이지 구현 · 리서치센터 페이지 수정 · PPT 작성 · 문서 작성 · 회의록정리/td>	· header & footer · 금융 소비자 보호, 리서치 센터 페이지 구현 · 로그인 페이지 구현 · 메인화면 구현 · 크롤링 JS 작업	· 해외파생상품, 연금 페이지 구현 · 홈페이지 개선 방향 제안 · Open API HTML, CSS 작업 · 크롤링 HTML, CSS 작업 · CI 작업

💡 프로젝트 소개

‘하나증권Lite’는 기존하나증권 페이지를 개선하여 UI/UX 부문을 향상시켰으며

필요한 부분을 추가하고 이용자가 보기편하게 핵심기능만 남겼습니다.

Commit 컨벤션

파일 생성 or 하나의 기능을 담당하는 코드 단위를 추가했을 때 사용

• Add : [내용]

작성했던 파일 및 코드를 수정한 경우 사용

• Modify : [내용]

파일 삭제 or 하나의 기능을 담당하는 코드 단위를 삭제했을때 사용한다.

• Delete : [내용]

📚 시작 가이드

Requirements

For building and running the application you need:

• HTML
• CSS
• JavaScript

---

📖 주요 기능

로그인

Open Api

Crawling

📖 주요 페이지

메인 페이지

✔️ 영상화면
✔️ 주가 지수
✔️ 탭형 퀵메뉴
✔️ 공지사항, 이벤트
✔️ Research Center

나의 자산

✔️ 환영페이지
✔️ 나의 자산총합
✔️ 이체업무
✔️ 계좌별 현황
✔️ 상품별 현황

해외주식파생상품

✔️ 지수정보(Open API)
✔️ 환율(Open API)
✔️ 경제뉴스(Crawling)

연금

✔️ 아이콘 박스
✔️ 카드형 컨텐츠
✔️ 계좌계설 안내 유튜브 연동
✔️ 연금 TIP

🖥️ 주요 화면

메인페이지	나의 자산	금융투자상품
펀드	주식파생상품	해외주식파생상품
연금	뱅킹	고객지원