자바스크립트

사이트 제목 변경하기 배경색 변경하기 노란색 녹색 파란색 빨간색 getElementById, getElementsByname, getElementsByTagName getElementById → html태그의 id 특정값을 이용하여 객체를 찾는다. getElementsByname → name 특성값을 이용하여 객체를 찾는다. getElementsByTagName → 태그 이름으로 객체를 찾는다. 인사하기 getElementsByName 메서드로 객체 찾기 제일 좋아하는 과목은? HTML CSS 자바스크립트 getElementsByTagName 메서드로 객체 찾기 제일 좋아하는 과목은? HTML CSS 자바스크립트 createElement과 appendChild 사용하기 내 친구 나열 덧셈 + 리스트 제어..

동기식 처리(Synchronous) 동기식 처리는 작업이 순차적으로 실행됩니다. 즉, 한 작업이 완료된 후에 다음 작업이 시작됩니다. 코드의 실행 순서가 보장되며, 코드를 읽고 이해하기 비교적 쉽습니다. 하지만 한 작업이 오래 걸릴 경우 다음 작업은 그 작업이 완료될 때까지 기다려야 합니다. 이로 인해 전체 시스템의 성능 저하나 지연(time blocking) 문제가 발생할 수 있습니다. 예시 코드 console.log('첫 번째 출력'); alert('버튼을 클릭하세요.'); // 사용자가 확인 버튼을 클릭할 때까지 기다림 console.log('두 번째 출력'); 위 코드에서 alert 함수는 동기적으로 동작하는 함수로 사용자의 확인 버튼 클릭을 기다리고 그 후에 두번째 출력 로그를 출력합니다. 비동..

정규 표현식 정규 표현식은 문자열을 처리할 때 사용하는 도구입니다. 문자열 검색, 추출, 대체 등의 작업을 수행할 때 사용됩니다. 특정 패턴과 일치하는 문자열을 찾는 데 사용되는 시퀀스나 패턴입니다. 이 패턴은 단일 문자를 지정하거나, 반복, 선택 또는 그룹화와 같은 복잡한 조건을 지정할 수 있습니다. 장점 : 일반적인 조건문으로는 복잡할 수 있지만, 정규 표현식을 이용하면 매우 간단하게 표현 가능 단점 : 주석이나 공백을 허용하지 않고, 여러 개호를 혼합하여 사용하기에 가독성이 떨어짐 /abc/ : "abc"라는 정확한 문자열이 포함된 모든 문자열과 일치합니다. /[a-z]/ : 소문자 알파벳 중 하나와 일치합니다. /[0-9]/ : 숫자 중 하나와 일치합니다. /\d/ : 모든 숫자와 일치합니다. [..

자바스크립트 기본 문법 변수(선언) → var 변수명 = 초기값 var: ES5 이전의 JavaScript에서 사용되던 변수 선언 키워드입니다. var로 선언된 변수는 함수 스코프(function scope)를 가지며, 함수 내부에서 선언된 경우 해당 함수 내에서만 유효합니다. 또한, var로 선언된 변수는 호이스팅(hoisting)에 영향을 받아, 변수가 선언되기 전에도 참조할 수 있습니다. let: ES6 (ECMAScript 2015)에서 도입된 블록 스코프(block scope) 변수입니다. let으로 선언된 변수는 중괄호({})로 감싼 블록 내부에서만 유효합니다. 함수 내부나 전역 범위에서 사용될 수도 있습니다. let으로 선언된 변수는 호이스팅되지 않으며, 초기화하기 전까지는 일시적인 사각 지..

세미콜론 자동으로 세미콜론이 붙여짐. 다만 한줄로 console.log 를 출력하고자 할때는 ' ; '를 사용해야 한다. 주석 (코멘트) JS에는 // 를 사용하여 주석처리를 한다. ① 어떤 의도로 코드가 작성 되었는지 설명 ② 코드가 어떤 동작을 하는지 작성할때 // console.log(1 + 1); 1. 주석 처리된 모습 /* 안녕하세요 저는 hyogi 입니다. */ // 2. 주석 처리된 모습 자료형 (Data type) 숫자 (Number) 정수 (integer) : -1 -3 0 1 5 소수 (floating point) : 5.1, -4.3, 2.2 문자열 (String) "Hello", 'Helloworld' 불린 (Boolean) True, False 추상화 여러가지 사물이나 개념에서 공..

객체와 프로퍼티 객체 (object) : 여러 가지 값을 한번에 저장한다. ▶ name: 'hyogi' → 속성 (Property) property name → name (문자열 string) property Value → 'hyogi' ▶Property Name 주의 사항 1. 첫 번째 글자는 반드시 문자, 밑줄( _ ), 달러 기호($) 중 하나로 시작 2. 띄어쓰기 금지 3. 하이픈(-) 금지 → property name에 따옴표 ( ' ) 를 추가하면 숫자도 사용가능 ex) '1stHyogi' ▶Property Value 1. 모든 자료형 사용가능 2. 객제 안에 객체를 넣을 수 있다. // 객체(Object) let hyogi = { name : 'hyogi', // name은 key, 'hyo..