본문 바로가기

공부46

Logical Operators 개발을 하며 화면을 제어하기 위해 논리 연산자를 많이 쓰는 것 같다. 간단하지만 한 번 상기하기 위해 간단한 예와 MDN 문서를 살펴보려 한다. _____ true || anything === false false || anything === false true && anything === anything false && anything === false 위 코드 중 참인 것은 무엇일까?[1] 흔히들 논리연산자는 Boolean 타입만을 피연산자로 갖는다고 착각하지만 논리연산자는 주로 Boolean 값과 함께 사용된다[2]. 연산자 사용법 설명 && expr1[3] && expr2 expr1이 false로 변환될 수 있으면 expr1을 반환하고, 그렇지 않으면 expr2를 반환한다. || expr1 || .. 2020. 12. 25.
번역] 7가지 유용한 자바스크립트 내장 함수 이 글은 다음 글(7 Helpful Build-in JavaScript Functions)을 번역, 요약한 글입니다. 자바스크립트 초보자로 공부 목적으로 적은 글이라 작성 중이고 추가해나갈 예정입니다. 틀린 부분이 있을 수 있는데, 댓글로 피드백 주시면 감사하겠습니다. _____ 다음은 배열 및 문자열을 위한 몇 가지 편리한 자바스크립트 내장 함수의 간략한 정의와 구현이다. Array Methods .find() 콜백이 제공하는 로직을 만족하는 첫 번째 요소를 반환[2]한다. let arr = [3,6,9,10,15]; arr.find(ele => ele % 5 === 0);// 10 arr.find(ele => ele % 3 === 0);// 3 arr.find(ele => ele % 15 === 0).. 2020. 12. 20.
번역] 15가지 자바스크립트 팁 이 글은 다음 글(15 'Hacks' In JavaScript)을 번역, 요약한 글입니다. 자바스크립트 초보자로 공부 목적으로 적은 글이라 작성 중이고 추가해나갈 예정입니다. 틀린 부분이 있을 수 있는데, 댓글로 피드백 주시면 감사하겠습니다. _____ 자바스크립트 언어를 배우는 것은 쉽지만 이를 사용하여 대화형 웹 인터페이스를 개발하는 것은 특정한 기술들을 필요로 한다. 그러므로 당신이 이 개발 언어를 조금 더 쉽게 사용할 수 있도록, 웹사이트를 개발하는 동안 성능 및 속도를 최적화하고 시간을 아낄 수 있는 몇 가지 팁을 소개하고자 한다. 1. Async/await with destructuring: 배열 비구조화[1]가 제공하는 많은 기능은 놀랍기만 하다. 만약 당신이 복잡한 흐름을 좀 더 단순하게 .. 2020. 12. 20.
번역] 굉장히 강력한 9가지 자바스크립트 팁들 이 글은 다음 글(9 Extremely Powerful JavaScript Hacks)을 번역, 요약한 글입니다. 자바스크립트 초보자로 공부 목적으로 적은 글이라 작성 중이고 추가해나갈 예정입니다. 틀린 부분이 있을 수 있는데, 댓글로 피드백 주시면 감사하겠습니다. _____ 1. Replace all 우리는 String.replace() 함수가 오직 첫 번째 항목만을 치환한다는 것을 알고 있다. 하지만 당신이 정규표현식(regex)[1] 뒤에 /g를 추가해준다면 모든 항목을 치환할 수 있다. var example = "potato potato"; console.log(example.replace(/pot/, "tom")); // "tomato potato" console.log(example.repla.. 2020. 12. 20.