🪴 성장일지

책 행복한 이기주의자(웨인 다이어)의 내용에 자극받아 시작하는 소박한 성장기록

살아있는 꽃과 죽은 꽃은 어떻게 구별하는가?<br/> 성장하고 있는 것이 살아 있는 것이다.<br/> 생명의 유일한 증거는 성장이다!

🌳 키워드

JavaScript브라우저와 최소한의 상호작용을 하는 함수

• alert
• prompt
• confirm

모달 창 : 위의 함수를 실행했을 때 나오는 작은 창으로 모달 창이 떠있는 동안은 스크립트 실행 일시중단

htmlclass 사용법

1. 여러 개의 태그를 묶어줄 때
2. 태그에 특정한 역할을 부여할 때

<div id="screen" class="waiting">기다릴 때의 화면</div>

JavaScript자바스크립트에서 class 다루기

tag.classList.contains('A'); // A라는 클래스를 갖고 있는지
tag.classList.add('B', 'C'); // B, C 클래스 추가
tag.classList.remove('A', 'B'); // A, B 클래스 제거
tag.classList.replace('C', 'Jayden'); // C 클래스를 Jayden으로 대체

JavaScriptDate

// 현재 시각을 변수에 할당
let nowTime = new Date();
// 2022년 1️⃣ 월 27일 18시 30분 5초 표현하기 🌟 '월'은 0부터 시작
let specificTime = new Date(2022, 0, 27, 18, 30, 5);

JavaScriptreduce 함수

reduce는 단순히 덧셈을 위한 함수가 아님! 훨씬 더 강력한 기능을 가짐.<br/> reduce에 대한 이해를 바로 할 것! 정말 활용도가 높은 함수!

let arr = [1, 2, 3, 4, 5];
// 초깃값 없는 경우(acc가 1부터, cur은 2부터, 🌟 index는 cur을 기준으로 하기 때문에 1부터 시작합니다.)
arr.reduce((acc, cur, index) => acc + cur);
// 초깃값 있는 경우(acc는 0부터, cur은 1부터 따라서 index는 0부터)
arr.reduce((acc, cur, index) => acc + cur, 0);
// reduce를 이용해서 배열을 객체로 만들기
let friends = ['철수', '영희', '짱구', '맹구'];
friends.reduce((acc, cur, index) => {
  acc[index] = cur;
  return acc;
}, {});
----{ 0: '철수', 1: '영희', 2: '짱구', 3: '맹구' };

undefined