WEBn/JavaScript
-
[JavaScript] Algorithms and Data Structures 학습(1)WEBn/JavaScript 2021. 9. 1. 21:16
FreeCodeCamp에서 제공하는 JavaScript Algorithms and Data Structures 코스는 자바스크립트의 전반적인 개념을 110개의 단계별 해결과제를 수행하여 익힐 수 있습니다. 본문에서는 단계풀이 중 몇 가지 골라서 작성했습니다. 1. Create Decimal Numbers with JavaScript 자바스크립트에서는 변수에 십진수를 저장할 수 있습니다. 10진수는 때때로 부동 소수점 숫자 또는 부동 소수점이라 합니다. 부동 소수점(floating point) 방식 부동 소수점 방식은 하나의 실수를 가수부와 지수부로 나누어 표현합니다. ±(1.가수부)×2 지수부-127 2진수 꼴로 변환하는데, 정수부는 1만 남을 때까지 소수점을 왼쪽으로 이동시키고 이동한 칸 수를 지수부로..
-
[JavaScript] 이벤트(Event)와 이벤트리스너(Event Listener)WEBn/JavaScript 2021. 8. 8. 21:11
이번 시간의 주제는 Event 자바스크립트에서 아주 중요한 부분이다. 그만큼 많이 자주 쓰이기 때문이다. 1. 이벤트(Event) 자바스크립트와 HTML은 이벤트 핸들에 의해서 서로 상호작용한다. 브라우저에 어떤 부분을 클릭하거나 마우스를 올려놓거나 키를 입력하거나 화면이 줄거나 늘 때 등등 모든 동작에 이벤트가 발생한다. 사용자가 일으키는 다양한 이벤트들을 캐치해서 자바스크립트에서 원하는 행위를 구현할 수 있다. 자주 쓰이는 간단한 예시를 살펴보자. 1 2 3 4 5 6 Click this document to activate the handler. window.addEventListener("click", () => { console.log("You knocked?"); }); Colored by C..
-
[JavaScript] setTimeoutWEBn/JavaScript 2021. 8. 7. 21:46
끝이 보이지 않는 자바스크립트 하나씩 배우다 보면 기본기가 탄탄해질까 한다. 오늘의 주제는 setTimeout setTimeout은 일정 시간이 지난 후에 원하는 함수를 예약 실행(호출)할 수 있게 한다. 실시간 날씨 정보를 업데이트 해줘야 하는 문제가 생겨서 주기적으로 갱신할 수 있는 방법을 찾다가 알게 되었다. 문법은 이렇다. let timerId = setTimeout(function, [delay], [arg1], [arg2], ...) function 실행하고자 하는 함수 delay 실행하기 전 대기 시간이며 기본값은 0이다, 단위는 밀리초(millisecond) arg1, arg2 함수에 전달할 인수들 예시가 있어야 이해가 잘가므로 바로 예시를 보자. 기본 형태 function hello() ..
-
JavaScript - 아직도 function 쓰니? (feat. Arrow function)WEBn/JavaScript 2021. 6. 30. 00:00
이번 주제는 Arrow function 입니다. 화살표 함수는 ES6 문법으로 자바스크립트에서 간단하게 함수를 표현할 수 있어요. // generic function var apple = function () { console.log("apple") }; // apple // Arrow function var apple = () => console.log("apple"); // apple 언뜻보면 function하나 없어진 거 아닌가? 싶지만 한번 Arrow 함수를 쓴 사람은 다시 function을 쓰는 때로 돌아가기 어려울 정도로 편리하고 좋습니다 사용시에 몇가지 규칙이 있습니다. 자세히 알아봅시다. 1. 기본형 함수 표현식으로 사용 가능하다. → var 함수명 = function() { } 형태의 함..