개인 프로젝트 | KPP - 7

오늘의 목표

• footer
• 로그인, 로그아웃 성공 알림
• 메인 페이지 - 앨범 슬라이더 및 클릭시 유튜브 영상 띄우기
• 메인 페이지 - 엔터테인먼트 주식 정보 상하 자동 롤링 기능

메인 페이지 - 주식 정보 상하 자동 롤링

우선 원하는 엔터테인먼트 데이터들이 각각 url이 달라서 각각 스크래핑이 필요했다.
클라이언트에서 fetch함수로 서버에 받아올 url을 각각 전달하고, 비동기적으로 받으면서 반복 루틴으로 데이터가 다 들어왔는지 확인하고, 롤링기능을 설정 및 실행했다.
아래 퍼그문의 데이터들의 css Transform으로 롤링을 구현

ul.rolling-list
	li
		//- name, nowVal, diff, rate
		- for(let i = 0; i < 4; ++i)
			span
	li
		- for(let i = 0; i < 4; ++i)
			span 

footer

상호명, 대표 이름, 주소, 연락처의 정보만 기입으로 간단하게 완성

로그인, 로그아웃 알림

로그인 및 로그아웃 성공 alert를 띄우는데 고민했던 것은
response.redirect의 값에 쿼리 스트링을 포함해서 거기서 처리를 할까 하다가
라우트를 추가해서 거기에서 alert를 띄우고 확인되면 다시 redirect해주는 것으로 구현!