본문 바로가기

전체 글72

Function 자바스크립트의 핵심 개념인 함수를 정리하고자 글을 남깁니다. 참고한 자료들은 최하단에 기재하였고, 글의 대략적인 목차는 다음과 같습니다. 1. 유효범위(Scope) 2. 정의 3. 함수 표현식 vs. 함수 선언식 _____ 유효범위(Scope) 자바스크립트에서 함수란 어떤 작업을 수행하기 위해 필요한 문(statement)들의 집합을 정의한 코드 블록이다. 이는 코드의 재사용 측면에서 유용하다는 점에서 타언어와 같지만 자바스크립트의 함수는 조금 특별하다. var globalNum = 10;// globalNum을 전역 변수로 선언함. function printNum() {// 함수 선언문 document.write("지역 변수 globalNum 선언 전의 globalNum의 값은 " + globalNum.. 2020. 12. 26.
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.