오늘한것
1. ReactJS 강의 #3.0까지
2. 자바스크립트 혼공스 스터디 5챕터 P220~ 230
3. Flexbox 게임 - Flexbox Froggy
4.DOM 개념 정리 - https://www.youtube.com/watch?v=mFawNZz_Uu0&feature=youtu.be
오늘 산책 15분 했는데 날씨가 정말 좋아서 동기부여도 되고 기분 전환이 되었다.
ReactJS 입문 강의를 들었지만 아직 TIL에 의미있게 쓸만한 내용은 없었던것 같다.
대신 스터디 준비하면서 알게된 내용을 적어보겠다.
apply()
스터디를 하면서 구 버전 자바스크립트에 대해서도 알게되었는데,
전개연산자가 없던 구 버전에서는 apply() 함수를 사용했습니다.
// 가변 매개변수 함수 생성
function sample(...items){
console.log(items)
}
const array = [1, 2, 3, 4]
sample(array)
console.log(sample.apply(null, array))이런식으로 적용시켜 사용.
OR 논리연산자
보통 논리 연사자를 사용할 때 불린값을 조작하는데 쓰입니다.
다들 알고 있다시피 아래와 같은 4가지 조합이 나오게 됩니다.
alert( true || true ); // true
alert( false || true ); // true
alert( true || false ); // true
alert( false || false ); // false이 경우에는 피연산자가 불린형인 경우만 다룬것입니다.
자바스크립트에서만 제공하는 논리연산자의 OR의 '추가' 기능이 있습니다.
아래와 같은 알고리즘으로 동작합니다.
OR || 연산자는 다음 순서에 따라 연산을 수행합니다.
- 가장 왼쪽 피연산자부터 시작해 오른쪽으로 나아가며 피연산자를 평가합니다.
- 각 피연산자를 불린형으로 변환합니다. 변환 후 그 값이 true이면 연산을 멈추고 해당 피연산자의 변환 전 원래 값을 반환합니다.
- 피연산자 모두를 평가한 경우(모든 피연산자가 false로 평가되는 경우)엔 마지막 피연산자를 반환합니다.
여기서 핵심은 반환 값이 형 변환을 하지 않은 원래 값이라는 것입니다.
예시
lert( 1 || 0 ); // 1 (1은 truthy임)
alert( null || 1 ); // 1 (1은 truthy임)
alert( null || 0 || 1 ); // 1 (1은 truthy임)
alert( undefined || null || 0 ); // 0 (모두 falsy이므로, 마지막 값을 반환함)
OR는 첫번째 truthy를 찾는 연산자 이지만
첫번째 falsy를 찾는 AND 연산자 '&&' 도 있습니다.
더 자세한 내용은 아래 참고자료를 확인해주세요.
다음 목표 및 개선해야할점
- 못푼문제, 애매했던 문제 복기
- react 주특기 전 추천영상 시청(CSS grid, Grid Garden, 코딩앙마- 자바스크립트 DOM & EVENT 구조)
- 내일 메소드 3개정리
- JS카테고리 만들기
참고자료
- 혼자 공부하는 자바스크립트