프론트엔드

크롬 확장 프로그램 [TWICE New Tab]

Marshall K 2019. 5. 14. 02:02

드디어 그나마 사용 가능한 버전을 만들었고, 크롬 웹 스토어에 게시했습니다.

스토어 링크


새 탭을 트와이스와 날씨, 할 일 목록 등으로 채울 수 있습니다.

매번 자주 가는 사이트 몇 개 보여주는 새 탭에서 벗어나, 한층 더 생산적인 새 탭을 활용해보세요!



최초 실행 시 보이는 화면입니다.

이름을 입력하고 엔터를 누르면 다음 화면으로 넘어갑니다.



이름이 저장됐단 알림과 함께 사용을 시작하실 수 있습니다.


화면 최상단에는 북마크, 검색, D-day, 날씨가 표시됩니다.

화면 중앙에는 시계, 간단한 인사, 할 일 목록이 표시됩니다.

화면 하단에는 설정, 인용구가 표시됩니다.



할 일을 입력하고 엔터를 누르면 목록에 추가됩니다.



삭제, 수정, 중요 표시 세 옵션을 사용하실 수 있습니다.


제일 아래 있는 휴지통 아이콘을 누르시면 전부 삭제할 거냐는 알림창이 뜹니다.

확인을 누르시면 모든 아이템이 삭제됩니다.



북마크 목록입니다.

기본적으로 트와이스 유튜브, 트위터 등의 링크가 들어있고, 본인이 원하는 항목을 추가할 수 있습니다.


이름은 입력하지 않으면 주소가 이름이 됩니다.



일반 설정입니다.


표시할 요소와 시계의 표시 방법을 선택하실 수 있습니다.



D-day를 설정하실 수 있습니다.


화면 최상단 중앙에 표시됩니다.



배경 설정입니다.


배경의 불투명도(opacity)를 변경하거나, 배경에 이미지 대신 뮤직비디오를 불러올 수 있습니다.




앞으로 Carousel Slider 등 많은 기능을 추가해나갈 예정입니다.

추가로 간단한 크롬 확장 프로그램 제작을 위한 강좌도 생각 중입니다. 어찌될런진 모르겠네요.