Front_end/JS11 JS - drag and drop 이벤트 및 순서설명dragstart드래그가 시작될 때 dragenter 드래그된 요소가 드롭 가능 영역에 처음으로 진입했을 때 dragover 드래그된 요소가 드롭 가능 영역 위에 있을 때 / event.preventDefault() 필요dragleave드래그된 요소가 드롭 가능 영역에서 벗어났을 때drop드래그된 요소가 드롭 가능 영역에 놓였을 때 / event.preventDefault() 필요 event.preventDefault() 기본 동작을 방지함폼 제출 방지링크 클릭 시 페이지 이동 방지드래그 앤 드롭 가능작성순서더보기1. 변수 선언 드래그 요소, 드롭 영역 2. 이벤트 생성 2-1. 드래그 요소 모든 드래그 요소에 이벤트를 지정해 드래그를 시작했을 때, 드래그를 끝 마쳤을 때 각각 s.. 2024. 9. 2. JS - 내장 객체(Array) 내장 객체 기본 생성자는 JavaScript에 내장 객체로 정의되어 있다. 기본 생성자를 사용하기 위해서는 'new' 연산자를 이용하여 객체를 생성한다. Boolean()new로 정의된 경우 객체Number()new로 정의된 경우 객체String()new로 정의된 경우 객체Dates()항상 객체Maths()항상 객체Regular expressions(regExp)항상 객체Arrays항상 객체Functions항상 객체Objects항상 객체 Array 객체 'Array'는 특별한 유형의 객체다. 'typeOf'연산자로 'Array'를 사용하면 'Object'를 반환한다. 객체는 속성과 메서드를 가지는데 'Array'는 객체지만 인덱스에 의해 배열 요소를 갖는다. **length 속성배열의 크기(길이)를 .. 2024. 8. 22. JS - 객체 객체 자동차는 제조사, 색상, 배기량, 주행거리 등의 다양한 고유 데이터를 갖는데 이를 속성이라고 한다.또한 출발, 정지, 회전 등의 행동을 취하는데 이러한 행동을 메서드라고 한다. 객체는 속성과 메서드로 구성되어 있다. JavaScript는 2종류의 객체가 있다.사용자 정의 객체 : 직접 객체를 정의하여 사용하는 방법내장 객체 : JavaScript가 제공하는 객체 메서드 JavaScript에서 모든 함수는 메서드라고 할 수 있다. 메서드는 객체가 가지고 있는 동작을 의미한다. 함수가 어떤 객체의 동작을 나타내는 함수로 정의되면 그 함수를 객체의 메서드라고 한다. 그렇기에 일반 함수는 실행을 위해 객체에 의존하지 않고 독립적으로 호출하여 실행 가능하다. 메서드의 정의 방법은 함수와 차이가 있다.메서드.. 2024. 8. 22. JS - 내장 함수 내장 함수 JavaScript에서 자체적응로 제공하는 함수를 내장 함수라고 한다. 내장 함수는 이미 시스템에서 정의되어 있기 때문에 사용자가 별도로 정의하지 않고 주어진 원칙에 따라 사용하면 되는 함수다. eval() 문자열을 JavaScript 코드로 해석하고 실행한다. 하지만 보안 문제와 성능 문제 때문에 신중하게 사용해야한다. 예시 변수 'eval_string'에 문자열 "20+15"을 저장한다.'document.write()'에 'eval(eval_string)'을 사용하여 코드로 실행후에 결과 값으로 35을 반환하여 출력한다. parseInt(), parseFloat() parseInt(n) 함수는 'n'이 숫자나 문자로 구성되어 있을 때 숫자 부분만 지정한 진법으로 변환하는 함수다.. 2024. 8. 19. JS - 함수 함수 특정 작업이나 계산을 수행하기 위해 정의된 코드블록으로 '무언가'에 호출되었을 때 실행된다.필요에 따라 매개변수를 받아들이고, 작업을 수행한 후 결과를 반환할 수 있다. 함수를 정의함으로써 코드의 재사용성이 높아지고, 복잡한 작업을 구조화하여 쉽게 관리할 수 있다. 함수의 선언 방법function 함수이름(매개변수1,2,3...n){ 실행될 함수 문장} 함수는 'function' 키워드와 함께 이름 뒤에 괄호가 오며 함수 이름은 변수명과 동일한 규칙을 가진다.매개변수는 쉼표로 구분하여 포함한다.함수에 의해 실행될 코드는 중괄호 안에 위치한다.정의한다해서 바로 실행 되는 것이 아닌 함수 호출을 해야 실행한다.함수 선언은 실행문이 아니기 때문에 중괄호 마지막에 세미콜론을 넣지 않는다.예시 함수.. 2024. 8. 19. JS - 변수의 적용범위 변수는 프로그램의 어디 곳이든 선언하여 사용할 수 있다. 다만 변수는 선언된 위치에 따라 그 변수가 영향을 미치는 범위가 한정된다. 이와 같이 변수가 적용되는 범위를 유효범위(scope)라고 한다. 변수는 유효 범위에 따라 '전역 변수'와 '지역 변수'로 구분된다. 지역 변수함수 내부에 선언된 변수를 지역 변수라고 한다. 지역변수는 함수 안에서만 적용이 되며, 함수가 실행할 때 생성되고 실행이 종료함에 따라 변수의 유효성이 사라진다. 따라서 지역 변수는 함수 밖에서 호출할 수 없으며 함수가 실행될 때 마다 변수의 값이 초기화된다. *지역 변수를 사용할 때 'var'을 붙여 선언하지 않으면 전역 변수를 참조하는 경우가 되므로 주의 해야한다. 예시 함수안에 지역변수 'sum'의 초기값을 0이라 선.. 2024. 8. 14. 이전 1 2 다음
