[Nomad Coder] 바닐라 JS로 크롬 앱 만들기 - 완성

 

강의에서 들은 내용을 응용해서 사이트를 만들어 봤다. 

 

모르거나 강의에 나오지 않는 부분은 구글링을 통해서 보완했다. 

 

 

완성작 

 

디자인을 보기 좋게하기 위해서 각각 스크립트들의 위치를 계속 조정하면서 만들었다. 

 

완성작 화면

 

Input Box는 보기 안좋아서 hidden으로 숨겼다. 

 

 

input box

 

폰트는 여러개를 사용해봤다. 

 

 

입력내용 폰트

 

인사말은 느낌있게 필기체를 사용해봤다. 

 

 

인사말 폰트

 

할 일 리스트도 동일

 

 

할일 리스트

 

"X" 표시가 맘에 안들어서 빼고 싶었는데.... 

귀찮아서 일단은 놔두기로 했다. 나중에 바꿀 예정.

 

 

할 일 리스트2

 

 

그리고 리스트의 숫자가 많아지면 보기 지저분해서 스크롤을 만들어줬다.  

 

 

할 일 리스트 스크롤

 

 

그 외에 랜덤 배경화면이라서 새로고침하면 총 4개의 배경화면 중에 1개가 랜덤으로 나온다. 

근데 나오는 것만 계속 나오는거 같은데... 

 

 

다른 배경 1

 

다른 배경 2

 

다른 배경 3