우당탕탕 초보 개발자

문자열과 숫자 문자열 관련 메소드(내장함수) toUpperCase() : ()안의 문자열을 대문자로 변환한다. toLowerCase() : ()안의 문자열을 소문자로 변환한다. indexOf() : ()안의 요소가 해당 문자열의 몇번 째 인덱스에 존재하는지 출력한다. lastIndexOf() : ()안의 요소가 해당 문자열에서 뒤로부터 몇번 째 인덱스에 존재하는지 출력한다. substring() : substring(시작인덱스), substring(시작인덱스, 개수) : 문자열을 파싱해준다. split() : () 안에 존재하는 기준으로 문자열을 잘라준다. 문자열과 숫자 문자열 관련 메소드(내장함수) 문자열 처리 메소드 숫자(수학) 관련 메소드(내장함수) 특이상황 : 모든 메소드는 Math 객체에서 받아..

변수와 자료형 변수 선언시 var, let, const를 이용해서 선언이 가능하다. 변수 선언 중복선언 재할당 범위 var 가능하다 가능하다 function scope 내에서 사용가능 let 가능하다 불가능하다 변수가 선언된 블럭에서만 사용가능 const 불가능하다 불가능하다 변수가 선언된 블럭에서만 사용가능 1) 변수 선언시 중복선언과 재할당 변수와 자료형 변수 선언시 var,let,const를 이용해서 선언 가능 * var,let,const의 차이점 1) 변수 선언 방법 클릭 /* var는 자유롭게 변수 선언을 할 수 있다는 장점이자 단점이 있다. 중복된 변수가 생길 수 있고 값이 변경될 여지가 있다. 이를 보완해서 나온 타입이 let과 const이다. */ } 2) 변수 선언시 범위 3) 변수 선언..

HTML 요소에 접근하기(해당 요소객체 가져오기) 1. 아이디로 접근하기 HTML 요소에 접근하기(해당 요소객체 가져오기) 1)아이디로 접근하기 아이디로 접근버튼 1-1. 아이디로 접근하기 아이디로 접근2 2. 태그명으로 접근하기 2)태그명으로 접근하기 목록1 목록2 목록3 목록4 목록5 태그로접근버튼 3. name 속성값으로 접근하기 3)name속성값으로 접근하기 취미 노래부르기 게임하기 산책하기 이름으로접근버튼 4. 클래스명으로 접근하기 4)클래스명으로 접근하기 클래스로접근 5. 원하는 요소 자유자재로 가져오기(선택자 활용) 5)내가 원하는 요소 자유자재로 가져오기(선택자 활용) 테스트입니다. 안녕 잘가 안녕하세요 수고하셨습니다. 클릭

자바스크립트에서의 데이터 입출력 1. 데이터를 출력하는 기본 구문 window.alert("알림창에 출력할 문구"); window.consol.log("콘솔창에 출력할 문구"); document.write("화면에 출력할 문구"); 선택할요소.innerHTML/innerText = "해당 요소에 출력할 문구"; // 3)document.write('화면에출력할문구') // 4) 선택한요소.innerHTML/innerText="해당요소에 출력할 문구" 자바스크립트에서 어떤 요소(element) 안의 값(content)을 가지고 온다거나 변경하고자 할 때 innerHTML, innerText 라는 속성에 접근 가능 2. 데이터를 입력받는 기본 구문(변수에 기록 가능) 변수 = window.confirm("질..

웹의 3요소 HTML : 웹문서의 큰 틀(뼈대) CSS: 스타일(색상, 테두리, 디자인 등) JavaScript: 웹 문서 상에 이벤트가 발생했을 때 실행할 동작들 처리(동적인 효과) 자바스크립트 개요 1. 스크립트 언어란? 프로그램 동작을 사용자의 요구에 맞게 수행하는 용도, 매우 빠르게 배우고 짧은 소스코드로 상호작용 되도록 고안되었다. 2. 자바스크립트란? 웹 브라우저에서 가장 많이, 가장 기본적으로 사용되는 "인터프리터 방식"의 스크립트 언어 - java : 컴파일 방식 -> 컴파일 과정을 거치고 실행된다 - javascript : 인터프리터 방식 -> 컴파일을 거치지 않고 곧바로 실행이 된다(브라우저에 html 문서가 로딩될때 코드를 한줄씩 읽어내는 방식) 3. 자바스크립트(인터프리터 방식)의 ..