본문 바로가기

프로그래밍/자바스크립트 (JS)

반응형
프로그래밍/자바스크립트 (JS) 2020. 6. 9. 자바스크립트 문서 객체 가져오기 getElementBy~~~ 자바스크립트에서 HTML 문서 객체 가져오기 자바스크립트에서 HTML 문서 객체 가져오는 방법은 getElementBy ~~~을 사용하는 방법이 있습니다. 이 예시로는 .getElementById(), .getElementsByName(), .getElementsByTagName(), .getElementsByClassName() 등이 있습니다. 하나씩 살펴보겠습니다. 1. HTML 태그 속성중 id를 기준으로 가져오기 id를 기준으로 가져오는 방법은 .getElementById()을 사용하면 됩니다. 내용이 들어갈 곳입니다! 2. HTML 태그 속성중 이름 (name)를 기준으로 가져오기 이름을 기준으로 가져오려면 .getElementsByName()을 사용하면 됩니다. var textBox = doc..
프로그래밍/자바스크립트 (JS) 2020. 6. 9. 자바스크립트 문자 치환하기 : replace / replaceAll 자바스크립트 문자 치환하기 (문자 또는 문자를 담은 변수).replace(a, b) "문자에서 a라는 문자를 b로 변경한다"라는 뜻의 기능을 합니다. a에는 정규 표현식을 사용할 수 있습니다. (정규표현식은 관련 포스팅 참고) 자바스크립트 replace에서 정규식은 큰 따옴표 (")와 작은 따옴표(') 대신에 슬래시(/)를 사용하여 표현합니다. (예: /정규표현식/) b에는 정규표현식을 쓰지 않는 것 같습니다. 하지만 a의 내용을 없애고 바꾸지 않고 덧붙여야 할 경우가 있습니다 (안녕! -> 안녕하세요!) 이럴때는 뒤에서 $1~$n까지 정규표현식의 ()괄호에 번호를 매겨 가져올 수 있습니다. 무슨 말인가 하면 "안녕".replace(/안녕/, "$1하세요"); 와 같이 표현할 수 있다는 겁니다! 그러나...
프로그래밍/자바스크립트 (JS) 2020. 6. 9. 자바스크립트 자료형의 종류 자바스크립트 자료형의 종류는 아래 와 같다 일반형: 숫자(Number), 문자(String), Boolean (참, 거짓 (true or false)) 배열(Array), 객체(Object) 특수형 : Null, Undefined 1. 숫자 (Number) 숫자는 정수와 소수(0.1 0.2 0.125 ...)로 구분되는 경우도 많으나, 자바스크립트에서는 기본적으로 다 같은 수로 생각한다 var num = 1; var num = 0.1; 정수는 10진수 외에 8진수 16진수로도 표현한다. var num = 2020; // 10진수 : 2020 var num = 020; // 8진수로 인식, 10진수로는 16 var num = 0xF; // 16진수로 인식 10진수로는 15 2. 문자 (String) 문자는..
프로그래밍/자바스크립트 (JS) 2020. 6. 9. 자바스크립트 변수 선언 종류 변수란? 숫자, 문자처럼 다양한 값들을 저장하는 공간을 의미합니다. 자바스크립트에서 변수 선언하기 프로그래밍에서 A라는 변수를 처음 만들때 "A라는 변수를 만들거야!"라고 하는 것이 바로 변수 선언입니다. 자바스크립트에서는 var A = "내용"; 등으로 쓰입니다. 여기서 "var"는 자바스크립트의 변수 선언 방식 중에 하나로, 가장 오래된, 원래부터 있던 방식입니다. 이외에도 let, const 라는 방식이 있습니다. 그럼 변수를 선언하는 방식과 이 세가지 (var, let, const)의 차이를 알아보겠습니다. var : 가장 기본적인 변수 선언 방식, 이것에 익숙한 사람이 많다. var 변수이름; 변수 선언 (값이 지정되지 않아 Undefined라는 특수한 값을 가진다. ) var 변수이름 = 변수..
프로그래밍/자바스크립트 (JS) 2020. 6. 9. [프로그래밍뽀개기] 자바스크립트 기본 출력하기! 자바스크립트(JS) 기본 출력 방법 안녕하세요! 아는게힘 Ahhim IT 입니다! 오늘 들고 온 주제는 자바스크립트 기본 출력 방법 입니다! 기본 출력 방법이라고 하면 자바스크립트에서 계산한 값, 수행한 값을 테스트 하기 위해 출력할 수 있는 3가지 방법을 소개하도록 하겠습니다! 1. 알림 발생시키기 alert("출력할 텍스트 내용"); alert(출력할 변수 이름); 등을 이용해 알림을 띄우는 방법이 있습니다! 이 경우 알림에서 확인을 누를때까지 다음 동작이 되지 않거나, 나머지 페이지가 불러와 지지 않을 수 있습니다. 2. console.log로 log 기록하기 브라우져에서 F12를 눌러 관리자 도구를 켜면 Console (콘솔)이 보이는데요. console.log("출력할 텍스트 내용"); cons..

티스토리툴바