Git repository

211108

리액트 훅 사용(useState 함수)
객체 스프레드 연산자(...)

211109

// es6 함수 재정리
// 1. 선언적함수
function TheFnc(a, b){
    return a * b;
}
// 2. 익명함수
var TheFnc = function(a, b){
    return a * b;
}
// 3. 화살표함수
var TheFnc = (a,b) => a * b;
var TheFnc = () => {
    //실행문 여려개인 경우
    //중괄호로 묶어줌
};

헷갈리면 function을 살리고 화살표를 생략해본다

HTML에서 로딩페이지 만들기
<meta http-equiv="refresh" content="5;url=login.html">

211110

To Do App 빌드 및 배포
아파서 드러누웠었다ㅜㅜ

211112

알고리즘 풀때 세 수 중 최대값 구할 때 세 줄로만 끝내기 자꾸 정렬할려구 하고있음!!!

자바스크립트 내장함수 활용한 배열의 최소값 구하기
//1. 스프레드 연산자
let minimum = Math.min(...arr);
//2. apply 매서드
let minimum = Math.min.apply(null, arr);

211113

//JS30 1강 수강 후 Remind

//클래스로 가져와서 배열에 집어넣기(getElementsByClass와 비슷한듯?)
//querySelectorAll, Array.from
const keys = Array.from(document.querySelectorAll('.key'));

//forEach매서드로 배열에 같은 명령 실행하기
keys.forEach(key => key.addEventListener('transitionend', removeTransition));

//이벤트 리스너 함수 중 'transitioned'(트랜지션 완료 감지)
keys.forEach(key => key.addEventListener('transitionend', removeTransition));

//백틱과 달러 사용

//이벤트를 참조하여 css수정할 경우 .target 사용
e.target.classList.remove("playing");

211114

Set객체 사용한 중복제거
let arr = [1, 2, 3, 4, 5, 3, 4, 5, 6, 7];
let arrNew = [...new Set(arr)]; // [1,2,3,4,5,6,7]

for문에서 배열 사용시 인덱스 간소화하기
for (let x of arr) {}

남은작업 : 클론코딩들 JS로, 앱코딩 채팅창 등 정렬