Demo Link

• 컴퓨터는 게임이 시작할때 랜덤한 숫자를 뽑는다
• 유저는 숫자를 입력할 수 있다
• 유저가 입력한 숫자가 컴퓨터가 뽑은 숫자보다 작으면 Up! 이라고 알려준다
• 유저가 입력한 숫자가 컴퓨터가 뽑은 숫자보다 크면 Down! 이라고 알려준다
• 유저가 입력한 숫자가 컴퓨터가 뽑은 숫자와 일치하다면 That's right이라고 뜨고 게임이 종료된다.
• 유저는 총 5번의 기회가 있다
• 게임이 종료되면 버튼은 비활성화된다
• 리셋버튼을 누르면 게임이 초기화된다
• 유저가 1~100범위 밖에 숫자를 입력할시에 경고메세지가 뜬다
• 유저가 이미 입력한 값을 또 입력할 시에 경고메세지가 뜬다
• 반응형 UI

• HTML
• CSS
• Vanila Javascript

Demo Link

• 유저는 할일을 추가할 수 있다.
• 각 할일에 삭제와 체크버튼이 있다.
• 삭제버튼을 클릭하면 할일이 리스트에서 삭제된다.
• 체크버튼을 누르면 할일이 끝난것으로 간주하고 밑줄이간다.
• 끝난 할일은 되돌리기 버튼을 클릭하면 다시 되돌릴 수 있다.
• 탭을 이용해 아이템들을 상태별로 나누어서 볼 수 있다.
• 모바일 버전에서도 확인할 수 있는 반응형 웹이다

• HTML
• CSS
• Vanila Javascript

• 유저는 랜딩 페이지에서 뉴스를 볼 수 있다.
• 각 뉴스에는 사진, 제목, 내용, 출처 및 날짜가 있다.
• 사용자는 카테고리 별로 볼 수 있다.
• 카테고리 별로 뉴스를 검색할 수 있다.
• 키워드로 뉴스를 검색할 수 있다.
• 반응형 UI이다.
• pagination을 통해 페이지 이동이 가능하다.

• API credit to : https://newscatcherapi.com/