Programming Language/JavaScript
-
자바스크립트 onclick, addEventListener 함수 JavaScript에서 클릭 이벤트를 다루는 함수는 웹 페이지에서 사용자 상호 작용을 처리하는 데 중요하다. 클릭 이벤트 함수는 사용자가 요소를 클릭할 때 실행되는 코드를 정의하는 데 사용된다. 클릭 이벤트를 다루는 데는 크게 onclick 함수와 addEventListener 함수가 있는데 각 함수에 대해 알아보는 시간을 가져보자. 1. onclick 함수 JavaScript에서 onclick 함수는 요소에 클릭 이벤트 핸들러를 설정하는 방법 중 하나이다. 이 핸들러 함수는 사용자가 해당 요소를 클릭할 때 실행되는 코드를 정의하며, 웹 페이지와 상호 작용을 처리하는 데 중요한 역할을 한다. 이벤트 핸들러 설정 onclick 속성을 사용하여..
[JavaScript] 자바스크립트 onclick, addEventListener 함수 사용법자바스크립트 onclick, addEventListener 함수 JavaScript에서 클릭 이벤트를 다루는 함수는 웹 페이지에서 사용자 상호 작용을 처리하는 데 중요하다. 클릭 이벤트 함수는 사용자가 요소를 클릭할 때 실행되는 코드를 정의하는 데 사용된다. 클릭 이벤트를 다루는 데는 크게 onclick 함수와 addEventListener 함수가 있는데 각 함수에 대해 알아보는 시간을 가져보자. 1. onclick 함수 JavaScript에서 onclick 함수는 요소에 클릭 이벤트 핸들러를 설정하는 방법 중 하나이다. 이 핸들러 함수는 사용자가 해당 요소를 클릭할 때 실행되는 코드를 정의하며, 웹 페이지와 상호 작용을 처리하는 데 중요한 역할을 한다. 이벤트 핸들러 설정 onclick 속성을 사용하여..
2023.09.25 -
자바스크립트에서 조건문, 반복문, 제어문 및 논리 연산자는 프로그램의 흐름을 제어하고 조건에 따라 실행 여부를 결정하는 데 사용된다. 1. 조건문(Conditional Statements) 조건문은 주어진 조건에 따라 코드 블록을 실행하거나 건너뛰게 하는 데 사용된다. 자바스크립트에서 가장 일반적인 조건문은 if, else if, else이다. if 문 • if문의 기본적인 구조 if (조건) { // 조건이 참일 때 실행되는 코드 } else { // 조건이 거짓일 때 실행되는 코드 (선택사항) } • if문 예시 let age = 18; if (age >= 18) { console.log("성인입니다."); } else { console.log("미성년자입니다."); } switch 문 switch ..
[JavaScript] 자바스크립트 조건문,반복문, 논리 연산자자바스크립트에서 조건문, 반복문, 제어문 및 논리 연산자는 프로그램의 흐름을 제어하고 조건에 따라 실행 여부를 결정하는 데 사용된다. 1. 조건문(Conditional Statements) 조건문은 주어진 조건에 따라 코드 블록을 실행하거나 건너뛰게 하는 데 사용된다. 자바스크립트에서 가장 일반적인 조건문은 if, else if, else이다. if 문 • if문의 기본적인 구조 if (조건) { // 조건이 참일 때 실행되는 코드 } else { // 조건이 거짓일 때 실행되는 코드 (선택사항) } • if문 예시 let age = 18; if (age >= 18) { console.log("성인입니다."); } else { console.log("미성년자입니다."); } switch 문 switch ..
2023.09.19 -
오늘은 자바스크립테 있는 다양한 데이터 형에 대해서 알아보는 시간을 가져보자, 이번 시간에는 각 자료형에 대해 간단하게만 알아보는 시간이고 각 자료형에 대한 자세한 내용은 각 자료형 별로 자세하게 다루도록 하자. 다른 프로그래밍 언어와 마찬가지로 자바스크립트에서도 다양한 데이터 형이 존재한다. let age = 29; // 숫자 let name = "Jack"; // 문자열 let laguages = ["Python","Java","Javascript"]; // 배열 let isCute = True; // 불 let member = {name:"Jack", age:29, nationality:"KO"}; // 객체 위의 예시에서 처럼 다양한 자료형이 존재하는데 각각의 자료형에 대해 자세히 알아보자. 1...
[JavaScript] 자바스크립트 데이터 타입오늘은 자바스크립테 있는 다양한 데이터 형에 대해서 알아보는 시간을 가져보자, 이번 시간에는 각 자료형에 대해 간단하게만 알아보는 시간이고 각 자료형에 대한 자세한 내용은 각 자료형 별로 자세하게 다루도록 하자. 다른 프로그래밍 언어와 마찬가지로 자바스크립트에서도 다양한 데이터 형이 존재한다. let age = 29; // 숫자 let name = "Jack"; // 문자열 let laguages = ["Python","Java","Javascript"]; // 배열 let isCute = True; // 불 let member = {name:"Jack", age:29, nationality:"KO"}; // 객체 위의 예시에서 처럼 다양한 자료형이 존재하는데 각각의 자료형에 대해 자세히 알아보자. 1...
2023.09.16 -
오늘은 자바스크립트를 이용하여 웹 브라우저 화면에 변수나 데이터를 출력하는 4가지 방법에 대해 알아보자. 1. document.write() 함수 document.write() 함수는 변수나 데이터를 브라우저 화면에 출력하는 가장 간단한 방법이다. 해당 함수는 실제 프로그램에서는 사실 잘 사용하지는 않지만 사용 방법이 간단하기 때문에 자바스크립트를 처음 공부할 때 많이 활용하는 편이다. 예제 코드를 작성하고 document.write() 함수가 어떻게 사용되는지 한 번 살펴보자. let x = 29; let y = 1; document.write(x + y); 변수 x에 29, y에 1을 초기화하고 document.write() 함수를 이용하여 x + y값을 화면에 출력한다. 30 실행결과 2. wind..
[JavaScript] 자바스크립트 데이터 출력하기오늘은 자바스크립트를 이용하여 웹 브라우저 화면에 변수나 데이터를 출력하는 4가지 방법에 대해 알아보자. 1. document.write() 함수 document.write() 함수는 변수나 데이터를 브라우저 화면에 출력하는 가장 간단한 방법이다. 해당 함수는 실제 프로그램에서는 사실 잘 사용하지는 않지만 사용 방법이 간단하기 때문에 자바스크립트를 처음 공부할 때 많이 활용하는 편이다. 예제 코드를 작성하고 document.write() 함수가 어떻게 사용되는지 한 번 살펴보자. let x = 29; let y = 1; document.write(x + y); 변수 x에 29, y에 1을 초기화하고 document.write() 함수를 이용하여 x + y값을 화면에 출력한다. 30 실행결과 2. wind..
2023.09.10 -
자바스크립트에서는 다양한 종류의 변수를 사용할 수 있으며, 각 변수의 사용법과 예시 코드를 보면서 한 번 살펴보자. 1. 변수의 종류와 각각의 특징 및 사용법 • var ES5 이전에 사용되던 변수 선언 키워드고 var의 범위는 기본적으로 변수를 사용할 수 있는 위치를 의미한다. var 선언은 전역 범위 혹은 함수 범위로 지정된다. var변수가 함수 외부에서 선언될 때의 범위는 전역이다. 즉, 함수 블록 외부에서 var를 사용하여 선언된 모든 변수를 전체 윈도 상에서 사용할 수 있는 것이다. var가 함수 내에서 선언될 때는 함수 범위로 지정된다. 즉, 해당 함수 내에서만 사용하고 접근할 수 있다. var x = "this is x"; function newFunction() { var y = "this..
[JavaScript] 자바스크립트 변수자바스크립트에서는 다양한 종류의 변수를 사용할 수 있으며, 각 변수의 사용법과 예시 코드를 보면서 한 번 살펴보자. 1. 변수의 종류와 각각의 특징 및 사용법 • var ES5 이전에 사용되던 변수 선언 키워드고 var의 범위는 기본적으로 변수를 사용할 수 있는 위치를 의미한다. var 선언은 전역 범위 혹은 함수 범위로 지정된다. var변수가 함수 외부에서 선언될 때의 범위는 전역이다. 즉, 함수 블록 외부에서 var를 사용하여 선언된 모든 변수를 전체 윈도 상에서 사용할 수 있는 것이다. var가 함수 내에서 선언될 때는 함수 범위로 지정된다. 즉, 해당 함수 내에서만 사용하고 접근할 수 있다. var x = "this is x"; function newFunction() { var y = "this..
2023.09.06 -
자바스크립트(JavaScript)는 웹 개발에서 핵심적인 역할을 하는 프로그래밍 언어로 웹 페이지의 동적인 기능을 구현하고 사용자와 상호작용하는 데 사용된다. 아래에서 자바스크립트의 역사와 역할을 자세히 알아보자. 1. 자바스크립트의 역사 • 탄생(1995년) 자바스크립트는 넷스케이프(Netscape) 웹 브라우저에서 처음 개발되었다. 초기에는 "라이브스크립트(LiveScript)라는 이름을 가졌으며, 웹 페이지에 간단한 인터랙션을 추가하기 위한 목적으로 시작되었다. • 넷스케이프와 마이크로소프트의 경쟁 자바스크립트의 인기가 높아짐에 따라 마이크로소프트(IE 브라우저)가 비슷한 언어인 JScript를 개발하여 경쟁을 벌였다. • 표준화(ECMAScript) 자바스크립트 언어의 표준화를 위해 ECMA In..
[JavaScript] 자바스크립트의 역사와 역할자바스크립트(JavaScript)는 웹 개발에서 핵심적인 역할을 하는 프로그래밍 언어로 웹 페이지의 동적인 기능을 구현하고 사용자와 상호작용하는 데 사용된다. 아래에서 자바스크립트의 역사와 역할을 자세히 알아보자. 1. 자바스크립트의 역사 • 탄생(1995년) 자바스크립트는 넷스케이프(Netscape) 웹 브라우저에서 처음 개발되었다. 초기에는 "라이브스크립트(LiveScript)라는 이름을 가졌으며, 웹 페이지에 간단한 인터랙션을 추가하기 위한 목적으로 시작되었다. • 넷스케이프와 마이크로소프트의 경쟁 자바스크립트의 인기가 높아짐에 따라 마이크로소프트(IE 브라우저)가 비슷한 언어인 JScript를 개발하여 경쟁을 벌였다. • 표준화(ECMAScript) 자바스크립트 언어의 표준화를 위해 ECMA In..
2023.09.05