Countdown Timer project

jeanbaek·2020년 9월 11일
0

TIL (Today I Learned)

목록 보기
73/106

며칠 전 예정했던 Video Speed Controller UI 프로젝트는 막상 강의를 시작하니 만드는 과정이 꽤 간단하고, 비디오의 속도를 줄이거나 늘리는 간단한 기능만 있어 패스하려고 한다.

Xcode는 그저께 맥북 앱스토어에서 다운로드를 시작했는데, 악명대로 다음날 아침까지도 10% 이하의 다운로드 진행률을 보였다.
그래서 오늘 애플의 개발자를 위한 페이지에서 새로 다운로드를 시작했다.
제발... 내일 아침까지는 다운로드가 완료돼서 Geolocation based Speedometer and Compass 프로젝트를 할 수 있었으면 좋겠다.

-> 수정(다운로드가 실패한다. 네트워크 연결이 유실되었다고 한다. 집 인터넷 상태가 안좋은 건지... 무거운 프로그램을 다운로드할 때 자주 이런 일이 발생한다. Xcode가 필요한 프로젝트 하는 건은 일단 보류.)


오늘 배운 메소드

  • 변수이름.addEventListener('submit', 함수이름)
    : 웹페이지에서 입력된 내용이 제출되도록 한다. 즉 그 내용이 실행되도록 해서 '함수이름' 함수가 작동한다.

  • ? : (short if-else statement)
    : if else를 아주 직관적으로 나타낼 수 있는 방법이다.
    ? 앞에 if 조건이 입력되고, ? 뒤에 if 실행문이 입력된다. : 뒤에 else 실행문이 입력된다.
    else if가 필요하면 아래처럼 사용하면 된다. (계속 ?를 통해 조건을 넣어주면 else if가 생성됨.)

    const noon = hour > 12 ? hour -12 : hour === 0 ? hour +12 : hour;
  • Date.now()
    : 내가 접속한 위치의 현재 시각을 숫자로 표현한다. 그 숫자를 new Date() 괄호 안에 넣으면, Thu Sep 10 2020 22:04:41 GMT+0900 (대한민국 표준시) 이렇게 사람이 보기 편하도록 시간이 나타난다.


출퇴근 기록용 프로그램

Date.now()
// 1599743081294

new Date(1599743081294)
// Thu Sep 10 2020 22:04:41 GMT+0900 (대한민국 표준시)

이걸 이용해서 출퇴근 기록용 어플을 만들 수 있겠다!!!
1. 한국 사람들 눈에 편하게 'Thu'는 '(목)'으로 바꿔 출력하고, 'Sep'은 '9월'로 바꿔 출력하는 등!!
2. 이 new Date로 나온 결과(Thu Sep 10 2020 22:04:41 GMT+0900 (대한민국 표준시))를 한국 사람들 눈에 편하게 바꿔 return한 결과를 별도의 p 태그를 createElement한 공간에 저장하고, 웹페이지에서 그걸 한 눈에 보기 좋게 볼 수 있도록 나타내면 좋을 것 같다!!

프리랜서용(혹은 혼자 공부하는 용) 프로그램을 곧 만들 수 있을 것 같아 기분이 좋다. :)

오늘 만든 스탑워치는 아래의 웹주소에서 볼 수 있다. ^-^
https://jeanbaek.github.io/projects/countdown1.html

profile
💡 Software Engineer - F.E

0개의 댓글