목록Front-End/JavaScript (18)
고래씌
1. 배열 - 자바스크립트에서는 변수 선언 시 별도의 자료형 지정이 없기 때문에 어떤 자료형의 값들이던 전부 하나의 배열공간에 담을 수 있다.(자바의 컬렉션과 유사) ■ 06_배열.html 배열 자바스크립트에서는 변수 선언 시 별도의 자료형 지정이 없기 때문에 어떤 자료형의 값들이던 전부 하나의 배열공간에 담을 수 있다.(자바의 컬렉션과 유사) ▶ 배열객체 const arr = ["홍길동", '이고래', `푸바오`, 26, true, {name:'아이바오'}, null, undefined, [1,2,3]]; // 배열객체 ▶ arr 배열에 담긴 [1,2,3]의 값중에서 3의 값을 얻어오고 싶다면..? console.log(arr[arr.length-1][arr[arr.length-1].length-1])..
Practice1 취미 전체선택 종합 소설 시/에세이 경제/경영 자기계발 아동 여행 과학 역사/문화 외국어 컴퓨터 만화 카테고리 검색
https://developer.mozilla.org/ko/docs/Learn/JavaScript/First_steps/Useful_string_methods 문자열 제대로 다루기 - Web 개발 학습하기 | MDN 이제까지 문자열의 기초를 살펴보았습니다. 이제부터 - 텍스트 문자열의 길이 찾기, 문자열 합치기 및 쪼개기 등과 같은- 내장된 메서드를 사용하여 문자열에서 수행할 수 있는 유용한 작업에 developer.mozilla.org => 이 사이트에서 연습해보면 좋다. 1. 문자열 관련 메소드 ■ common.css .area{ width:300px; height: 100px; border: 1px solid red; } .small{ height: 100px; } .big{ height: 200p..
1. 변수 선언 위치에 따른 전역변수/지역변수 ▶ let 변수명; // 전역변수(global) ▶ const 변수명; // 상수(값을 할당시 바꿀 수 없음) ▶ var 변수명; // 전역변수(global) 단, 과거에 쓰이던 키워드 ▶ 변수명; // 전역변수(global) function 함수명() { var 변수명; // 지역변수(local) 변수명; // 지역변수(local) 혹은 전역변수(global) } ☞ var변수 문제점이 많아서 let, const로 대체됨 ☞ but, 아직도 많은 스크립트에서 var가 사용되고 있음 1-2. var 변수의 문제점 1) 영역문제 ■ 04_변수와자료형.html if(true){ var varTest = "var"; // 전역변수 let letTest = "let..
1. HTML 요소에 접근하기(해당 요소객체 가져오기) 1) 아이디로 가져오기 ■ 03_요소선택.html HTML 요소에 접근하기(해당 요소객체 가져오기) 1) 아이디로 가져오기 아이디로 접근 ■ common.css .area{ width:300px; height: 100px; border: 1px solid red; } .small{ height: 100px; } .big{ height: 200px; } ⓐ document.getElementById("아이디명"); document.querySelector("css선택자"); // document.getElementById("아이디명"); 과 같다. => querySelector는 특정 name이나 id를 제한하지 않고 css선택자를 사용하여 요소를 찾..
▶ 자바스크립트에서의 데이터 입/출력 - window : 자바스크립트의 내장 객체로 브라우저창이 열릴 때마다 딱 하나씩 만들어지는 객체. 브라우저 창안에 존재하는 모든 요소들의 최상위 객체 - document : 웹 문서(html)마다 하나씩 만들어지는 객체. HTML문서에 대한 정보들을 가지고 있음 ☞ document 객체의 종류 자세한 내용은 아래 사이트를 참고하면 좋다. https://www.tcpschool.com/javascript/js_dom_document 코딩교육 티씨피스쿨 4차산업혁명, 코딩교육, 소프트웨어교육, 코딩기초, SW코딩, 기초코딩부터 자바 파이썬 등 tcpschool.com 1. 데이터를 출력하는 기본 구문 1) window.alert("알람창에 출력할 문구") 2) wind..
1. 웹의 3요소 - HTML : 웹 문서의 뼈대를 잡음 - CSS : 스타일을 입힘(색상, 테두리, 디자인 ...) - JavaScript : 웹 문서상에 이벤트가 발생했을 때 실행해야할 동작을 처리(동적인 효과) 2. 자바스크립트 개요 1) 자바스크립트 언어란? 프로그램의 동작을 사용자(클라이언트)의 요구에 맞게 수행되도록 해주는 용도. 매우 빠르게 배우고 소스코드로 상호 작용되도록 고안됨. 2) 자바스크립트란? ▶ 웹 브라우저에서 가장 많이, 가장 기본적으로 사용되는 "인터프리터" 방식의 스크립트 언어 - 자바 : 컴파일 방식 → 컴파일 과정을 거치고 나서 실행이 된다. - 자바스크립트 : 인터프리터 방식 → 컴파일을 거치지 않고 곧바로 실행이 된다. (브라우저 html 문서가 로딩될 때 코드를 한..