목록JavaScript (30)
hrming
https://bobbohee.github.io/2021-02-12/getelementbyid-versus-queryselector getElementById와 querySelector, 어느 것을 사용할까? | bobbohee 이 글을 읽기 전! ⚠️ querySelector를 사용하고 있는 사람이 쓴 querySelector 옹호 글입니다. 이전에 querySelector는 느리니 사용하지 말자는 이야기를 듣고, 최근까지 querySelector 사용을 지양해왔다. 아 bobbohee.github.io
/ ? / : 괄호안의 글자가 ?를 포함하고 있는 지 확인 /a/.test('text') / [ ?1 - ?2 ] / : [ ] 기호를 사용하여 문자의 범위를 지정할 수 있음 : 괄호안의 글자가 ?1 ~ ?2 사이의 아무 문자 하나를 포함하고 있는 지 확인 /[a-d]/.test('atest') /[가-다]/.test('다바') /[a-zA-Z]/.test('테스트a') // true / \S / : \S 는 특수문자 포함 아무 문자 1개를 뜻함 /\S/.test('text') / ^? / : 문자 앞에 ^ 기호를 사용하면, 해당 문자로 시작하는 지 확인 /^t/.test('text') / ?$ / : 문자 뒤에 $ 기호를 사용하면, 해당 문자로 끝나는지 확인 /t$/.test('text') / ( ?1..
https://onsil-thegreenhouse.tistory.com/entry/Visual-Studio-Code%EC%97%90%EC%84%9C-Javascript-%EC%8B%A4%ED%96%89%ED%95%98%EB%8A%94-%EA%B0%9C%EB%B0%9C-%ED%99%98%EA%B2%BD-%EA%B5%AC%EC%B6%95 Visual Studio Code에서 Javascript 실행하는 개발 환경 구축 Javascript 코드도 Visual Studio Code에서 간편하게 실행해 볼 수 있습니다. 그동안 개발자도구에서 힘겹게, 조심스럽게 코드 작성해서 테스트를 진행하셨던 분들에게 유용할 것입니다. 1. 타겟 유저 - onsil-thegreenhouse.tistory.com
truthy falsy 0 제외 숫자 '문자' [] {} 0 '' null undefined NaN
$('form').on('submit', function(e){ var idVal = $('#input-id').val(); var pwVal = $('#input-pw').val(); if(idVal == '') { alert("id를 입력하세요.") e.preventDefault(); } else if (pwVal == '') { alert("pw를 입력하세요.") e.preventDefault(); } else if(pwVal.toString().length < 6) { alert("pw는 6글자 이상이어야 합니다.") e.preventDefault(); } }) 1. 'submit' 이벤트를 위해 이벤트 리스너를 form 요소에 추가 2. preventDefault는 브라우저가 적용하는 기본 동작..
https://www.freecodecamp.org/korean/news/javascript-foreach-how-to-loop-through-an-array/ JavaScript에서 forEach 함수를 사용해 배열 순회하기 JavaScript의 forEach 메서드는 배열을 순회하는 여러 방법 중 하나입니다. 사용자는 실행하는 작업에 따라 각각의 특징을 고려하여 어떤 메서드를 사용할지 결정해야 합니다. 이 기사에서는 JavaScript www.freecodecamp.org
https://joshua1988.github.io/web-development/javascript/function-expressions-vs-declarations/ 함수 표현식 vs 함수 선언식 (기본) 자바스크립트 함수 표현식과 함수 선언식에는 어떠한 차이점이 있는지 알아봅니다. joshua1988.github.io
원시 타입 - 단 하나의 값만 나타냄. 변경 불가능한 값. 객체타입 - 다양한 타입의 값을 하나의 단위로 구성한 복합적인 자료구조. 변경 가능한 값. 객체는 0개 이상의 프로퍼티로 구성된 집합이며, 프로퍼티는 key와 value로 구성됨. 1. 자바스크립트에서 사용할 수 있는 모든 값은 프로퍼티 값이 될 수 있음. 2. 프로퍼티 값이 함수일 경우, 일반 함수와 구분하기 위해 메서드라고 부름. *프로퍼티: 객체의 상태를 나타내는 값 *메서드: 프로퍼티(상태 데이터)를 참조하고 조작할 수 있는 동작 자바스크립트는 다양한 객체 생성 방법을 지원함 1. 객체 리터럴 1-1. 가장 일반적이고 간단한 방법은 객체 리터럴을 사용하는 것으로, 중괄호 { } 안에 0개 이상의 프로퍼티를 정의한다. 1-2. 변수에 할당되..