오늘 한 일

니콜라스 JS 5~7강 듣기 (크롬 Momentum 따라하기)

• 시간 1초마다 호출하기 new Date()를 변수에 할당하여 gethours ~ seconds로 해당 시간, 분, 초에 해당하는 값들을 할당해준다. 이 때, 초나 시간이 01이 아닌 1로 나오는 부분이 눈에 거슬린다면 .padstart(자릿수, "문자")를 통해 추가할 수 있다.

• setInterval을 통해 정해진 시간 간격으로 (단위가 ms로, 1초는 1000ms) 호출 할 수 있다. 다만, 최초 호출 시 시계가 보이게 하기 위해선 setTimeout을 지정하여 호출을 해줘야한다.

• 모멘텀과 같이 인용문(Quotes)과 사진이 랜덤하게 나오는 것은 Math 함수 중 floor와 random을 활용했다. floor는 내림이고, ceil은 올림이다. random은 0~1 사이의 난수를 호출한다. 인용문과 사진의 수 만큼 배열로 지정하는데 이를 난수로 불러오기 위해선 .length를 활용 해 그 수만큼 곱해준다.

ex) random(0 ~ 1) * 사진 갯 수 or 인용문 갯 수

• to do list를 입력하고 local storage에 저장하고 이것을 delete하는 것을 다시 배열에 넣는 것을 배웠다.

  오늘 의욕이 과다해서 5강만 듣고 끝낼 걸 6, 7강까지 달렸더니 후반부에는 집중력이 흐려진대다 내용이 조금 복잡해져서 이해가 잘 되지 않았다. 내일은 홈페이지 처음부터 끝까지 다시 한 번 만들어보면서 복습 할 예정임.

SEB FULL 35기 OT 참여

• 드디어 OT가 시작되었다. 개발자가 되기 위해 큰 맘먹고 참여를 결정했다. 5개월이 짧게 느껴질 것 같은데 꾸준히 공부하기 위해 체력관리도 잘해야겠다.

• 깃허브, 노션, 디스코드 등 필요한 툴들을 설치했다. 개발 블로그는 노션으로 진행할 예정이다. 기존에 쓰던 일기, 투두리스트, 독서기록 등을 노션 등으로 다 옮기는 중이었고 때마침 개발 블로그도 만들면 좋다고해서 노션으로 이사를 다 완료시켰다.

VSC extension 설치

• 강의를 들으면 같은 VSC를 쓰는데 형형색색으로 짜여진 코드에 단축키를 쓴 건지 작업속도가 나와는 비교도 안되는 모습을 보고 이것저것 세팅법을 찾아보았다. 유튜브에서 익스텐션 정보를 찾아 필수적인 10개정도를 깔고나니 나도 뭔가 개발자가 된 듯한 느낌적인 느낌이 들었다.(김칫국 꺼-억)

새로 배운 것들

• JSON.stringify, parse: 배열들을 스트링으로 만들고 그 반대로 배열들에 들어가는 값으로 만들 때 썼다. stringify가 처음 보는 용어라 사전에도 찾아봤는데 아마 코딩 용어로 만들어진 신조어(?)인 것 같았다. 많이 낯선 용어라 연습하며 몇 번 눈에 익혀야 감이 올 것 같다.
  
• .foreach(): 배열에 대해 한 번씩 수행하는 기능이다. 삭제 버튼 클릭 시 기존의 값들 중 삭제할 값을 제외하고 localstorage에 다시 넣을 때 사용함.
• arrow funtion: 처음 봤을 때 난해했다. 간편하게 쓸 수 있는 함수처리 방식이라는데 역시 눈에 익은게 최고인가,, 일단 function부터 많이 써보고 익혀야 될 기능 중 하나이다.