웹에서 마우스나 키보드의 조작에 따라 원하는 기능을 실행하는 것입니다. 하나의 요소에 하나의 이벤트를 처리할 수 있는 이벤트 처리기입니다. 첫번째는 HTML의 button태그를 이용하는 것입니다. button 태그 안에 onclick 이라는 속성에 이벤트를 줄 수 있습니다. 사진처럼 코드를 작성하면 웹 페이지에서 greet이라고 쓰여진 버튼을 클릭했을 때 a함수가 실행되어 콘솔 창에 hello! 라는 문자열이 출력됩니다. 잘 출력된 것을 확인할 수 있습니다. 버튼을 누를 때마다 이벤트가 실행되기 때문에 버튼을 15번 누르니 hello!도 15번 출력된 것을 볼 수 있습니다. onclick 속성 외에도 다양한 속성을 활용해 이벤트를 발생시킬 수 있습니다. (onmouseover, onkeypress, . ..

웹/JavaScript 2023. 6. 11. 01:38

C언어와 JS는 문법적으로 비슷한 점이 정말 많습니다. 하지만 다른 점도 분명히 있어서 혼동하면 안 됩니다. 대표적인 C언어와 JS의 차이점을 정리하겠습니다. 파란색 - c언어 빨간색 - js 1. 변수 선언 int, char, double 등 자료형을 명시한다. " 정적 타입 언어" var, let, const와 같은 키워드를 사용한다. 변수에 입력한 값에 따라 알아서 자료형을 결정해 준다. " 동적 타입 언어 " 변수를 사용하기 위해서는 먼저 선언을 해 주어야 한다. 변수가 선언되기 전에도 변수를 사용할 수 있다. c언어에는 없는 객체라는 변수가 있다. 2. 메모리 관리 메모리 할당 및 해제를 직접 관리해야 한다. (ex. 포인터) 자동 메모리 관리를 제공하며 가비지 수집(garbage collect..

웹/JavaScript 2023. 6. 3. 15:22

이쪽 분야에서 리터럴이란 " 소스 코드의 고정된 값을 대표하는 용어 "라고 합니다. - 위키백과 이 말은 변수의 자료형(type)을 의미한다고 할 수 있습니다. 리터럴은 프로그래밍에서 자료를 표기하는 방식, 즉 변수(객체, 배열 등..)를 정의하는 방법입니다. 조금 다른 말로 모든 데이터 타입에 들어가는 데이터값 그 자체라고 정의하기도 합니다. 리터럴의 종류로는 배열 리터럴, 숫자 리터럴, 부동 소수점 리터럴, 문자열 리터럴, 객체 리터럴 등이 있습니다. 이를 바탕으로 예시를 들어보면, var arr = 'array'; 자료형을 배열로 지정하고 싶다고 했을 때, 위에 선언한 변수 arr는 배열이 아닌 문자열 타입입니다. 초기화 값으로 문자열 리터럴을 사용했다고 볼 수 있습니다. 배열로 지정하려면 배열 리..

웹/JavaScript 2023. 5. 18. 00:51

자바스크립트에서는 대소문자구분 한 줄에 명령문 1개 => 세미콜론 필수 x 한 줄에 명령문 2개 이상 => 세미콜론으로 구분 필요 - 버그 예방 차원에서 다 붙이면 좋음 스페이스, 탭, 줄바꿈 문자는 공백으로 간주 주석은 다른 언어와 동일, 스크립트 실행 시 버려짐 변수 선언 var - 중복선언 가능, 값의 재할당 가능, 초기화 없이 선언만 한 경우 선언 자체 무시 let - 중복 선언 불가능, 값의 재할당 가능 const - 중복 선언 불가능, 값의 재할당 불가능 스코프 스코프란 유효한 참조 범위를 말한다. 예를 들어, 함수 내부에서 선언된 변수는 함수 내부에서만 참조가 가능하다. 이 경우 변수의 스코프는 함수 내부로 한정 된다. 자바스크립트는 var로 선언한 변수의 스코프와 let, const로 선언..

웹/JavaScript 2023. 3. 25. 00:10