1. 함수란? 2. 함수 선언문 (function declarations) 흔히 자바스크립트 함수 선언에서 볼 수 있는 구문이다. 3. 함수 표현식 (function expressions) 함수 표현식은 함수 선언문과 거의 비슷한 구문을 사용한다.함수를 선언하지만 function 구문이 맨 처음이 아닌 경우가 함수 표현식이다.주로 함수 이름을 생략하고 변수에 대입하는 익명함수(함수 리터럴을 사용해 변수에 참조값으로 할당하는 형태)의 형태로 자주 쓰인다. 위의 구문을 해석해보면…
하나 이해하면.. 또 하나를 이해해야만 진전이 가능한… 미로같은 JS…😢 자바스크립트는 표현식(또는 식)와 문으로 구성 되어있다. 식은 문처럼 동작할 수 있지만, 문은 식처럼 동작할 수 없다. 식(expression)이란 하나의 값(value)를 반환하는 코드의 단위이다. 값은 기본값과 객체 등의 참조값도 될 수도 있다.값으로 평가될 수 있는 문은 전부 식이다. 값자체도 식으로 인정한다. 연산자가 포함되어 하나의 값을 반환하는 경우도 식이…
호이스팅은 변수와 함수를 대상으로 실행된다.JS엔진이 변수를 생성할 때에 3단계의 방식을 거친다. 자바스크립트에서 값의 변경은 재할당을 통해서만 이루어지며, 값을 재할당 할 때 새로운 메모리 공간을 확보하고 해당 메모리에 값을 할당한다. 호이스팅이란, 변수와 함수의 선언을 모두 끌어 올려서 함수의 유효 범위에서 가장 먼저 선언하는 것을 말한다.여기서 주의해야 할 점은, var로 선언한 변수가 호이스팅되는 경우 변수를 선언과 초기화를…
메서드와 함수는 어떻게 다를까?이 둘은 비슷해 보이지만 다른 개념을 가지고 있다고 하며, 이 차이를 이해하고 있어야만 한다고 한다.언뜻보면 function() 이라는 동일한 구문으로 선언하고 있어서 어떻게, 또 왜 다르게 구분되어서 써야하는지 알아보자. 일단 크게 정리를 먼저 해보자면, 자바스크립트에서 객체는 키와 값으로 구성된 프로퍼티의 집합이다. (👉 참고: 변수는 객체?)프로퍼티에서의 값이 함수일 경우 메소드라고 부른다.함수를 호출하는 객체가 존재하는…
자바스크립트 코딩 과제 풀어보기. Math.random는 0이상 1미만의 랜덤한 숫자를 생성해주는 함수이다. 주어진 수 이하의 가장 큰 정수 값을 반환해주는 Math.floor로 숫자를 생성한다. 랜덤하게 생성된 숫자를 정수 값으로 반환해주면 0으로만 값이 반환 되는 것을 확인 할 수 있다. 사용자가 입력한 수의 값에 1을 더한 후, 정수로 반환하는 parseInt를 활용하여 랜덤 숫자를 반환한다.
변수의 개념 자체 이해가 어려워서 매번 이론만 보고 포기했었는데..아직도 헷갈리고 어렵다… 변수(variable)란 데이터를 저장할 수 있는 메모리 공간을 의미하며, 변수 안에는 다양한 형태의 값을 저장할 수 있다.경우에 따라 서로 연관된 값들을 하나로 묶어서 저장하기도 하는데, 이러한 경우 여러 속성을 하나의 변수에 저장할 수 있도록 해주는 데이터 형식을 가지고 있으며, Key: Value 형식으로 저장할 수 있도록…
3. Draggable & Resizable Layer 만들기 앞서 Draggable & Resizable 레이어 만들기 (1), Draggable & Resizable 레이어 만들기 (2) 에서 작성했던 코드를 기반으로,두 개의 코드를 합쳐보자. 우선 이벤트 리스너를 걸어준 두 개의 변수를 먼저 선언 한 후, 마우스 타겟 값을 대입 시켜 주기 위해 선언했던 변수를 선언한다. 생성 했던 드래그 함수와 이벤트 리스너를 추가 한…
2. Resizable Layer 만들기 클릭했을 때 레이어를 리사이즈 할 포인트를 변수로 먼저 선언 한 후,최초 X축의 위치, 최초 Y축의 위치, 리사이즈 전 최초 요소의 넓이, 리사이즈 전 최초 요소의 높이도 변수로 선언. Draggable 레이어 함수 생성했을 때와 동일하게,마우스를 누르는 순간 마우스의 위치 값을 변수에 대입해주고, resize할 레이어 요소의 넓이 값과 높이 값도 변수에 대입한다. 마우스를…
1. Draggable Layer 만들기 먼저 레이어를 drag를 할 레이어에 특정 아이디 값을 선언하여 필요한 변수를 먼저 선언하고,dragging 이벤트를 위한 변수와 x축과 y축의 좌표를 대입할 변수를 선언해준다.기본 변수 선언이 끝난 후, 마우스가 클릭 되었을 때, 마우스가 클릭 된 채 움직이고 있을 때, 그리고 마우스 클릭이 해제 되었을 때 일어날 이벤트 함수를 작성한다. 마우스를 누르는 순간 마우스의…