본문 바로가기

JAVASCRIPT(자바스크립트)

 (16)
[JS-자바스크립트] 7.객체 (기본문법(객체,속성,메소드)/ 반복문 / 내장객체-object, number, date, math, DOM, BOM……) @@@@@유튜브 생활코딩으로 학습한걸 메모하는 용도인 점 참조 부탁드립니다@@@ [1]객체란? 1.객체를 사용하는 이유는? - 함수처럼 코드를 정리하기 위함(중복제거 등) > 함수보다 더 상위개념 - 함수로 처리가 부족할 때에도 객체 사용(이미 함수로 만들어놨는데, 당연히 기억못해서 동일한 함수명으로 만들면 중복되면서 그 이전게 작동안함) > 이때 “객체명.~~~~” 객체명으로 1depth 정리가능 - 배열은 순서 있이 나열하지만, 객체는 순서 없이 나열가능 배열: var 변수명 = [“값”, “값”]; 객체: var 객체명 = {속성:값, 속성:값}; 2.객체 개념 예를들어) 고양이 객체: 고양이 속성(고유한 특징): 색,성별,크기가 모두다르고 메소드(고유한 행동): 냐용, 냥펀치 (객체 내 함수를 활..
[JS-자바스크립트] 6.함수- 매개변수(파라미터),인자(아규먼트),리턴 @@@@@유튜브 생활코딩으로 학습한걸 메모하는 용도인 점 참조 부탁드립니다@@@ [1]함수를 쓰는 이유는? - 중복제거: 코드 하나를 변경해야하는데 해당 코드가 몇천개 가져다 활용되서 사용되었음 > 그럼 코드 하나(예를들어 색상)바꾸려면 몇천개 모두 바꿔야함 > 이때 함수 활용 - 반복적이지만 연속적이지 않다면 > 반복문 활용하기 힘듬 > 이때 함수 활용 - “잘 정리해서 가져다 사용하는거” 함수. 더 큰단위로 객체도 있음 [2]함수 기본문법 1.기본문법 Function 함수명(매개변수){ 실행코드 return 반환값; } >>>>그리고나서 해당 함수 사용할곳에 함수명(this); 이렇게넣으면 동일하게 사용됨 >>>>그러면 코드변경할 때 함수에 지정한 1개 부분만 변경하면 모두 동일하게 변경됨 2.반복문..
[JS-자바스크립트] 기타. 내장객체 (날짜 / getelements / location.속성) @@@@@유튜브 생활코딩으로 학습한걸 메모하는 용도인 점 참조 부탁드립니다@@@ ____________________문법개요_____________ 1.날짜_____________________ 1)특정시간 지정 document.write(new Date(2020, 09, 26, 18, 30, 00); 2)현재시간 불러옴 var date = new Date; document.write(date); document.write(getFullYear()); document.write(getMonth()); document.write(getDate()); document.write(getHours()); document.write(getMinutes()); document.write(getSeconds()); ..
[JS-자바스크립트] 5.배열과 반복문(while, for문) @@@@@유튜브 생활코딩으로 학습한걸 메모하는 용도인 점 참조 부탁드립니다@@@ [1]배열 (1)만드는 방법 [배열값1, 배열값2] >>변수에 담아보자 Var 변수명 = [“bong”, “bae”]; (2)가져오는 방법 >>>> 0은 > 배열 1번째 값을 가져옴 (3)들어있는 값이 몇 개인지 계산 >>>>배열이 2개이니 > 값은 2가 나옴 (4)배열 데이터 추가 >>>데이터를 끝에다가 추가 (5)기타 기능들은 검색 데이터를 중간에 넣거나, 처음에 넣거나 하는 것등은”javascript array”로 검색하면 여러가지 기능이 나옴 [2]반복문 (1)반복문 사용되는 예시 1)프로그램은 아래와 같이 기본적으로 순서대로 실행됨 2)그런데 만약 중간에 부분을 반복해서 여러 번 실행시키고 싶다면 이때 반복문 활용 ..
[JS-자바스크립트]4.중복제거 (THIS활용, 변수var활용) @@@@@유튜브 생활코딩으로 학습한걸 메모하는 용도인 점 참조 부탁드립니다@@@ [1]중복제거 1.this 활용 Night, day 버튼 다른데서 또 사용하려면 아래와 같이 id값을 바꿔줘야함 (그렇지 않으면 작동은 하지만, 버튼명이 본인이 아니고, 위에 있던 버튼이 변경됨) 이때 아래처럼 this 사용하면됨 > 이건 어디에서든 그냥 복붙하면 같은기능 사용가능 2.변수 활용 아래처럼 중복되는 코드들은 var 변수선언해주고, 변경할때 변수만 변경
[JS-자바스크립트]3.조건문 (논리연산자, IF문, swith문) @@@@@유튜브 생활코딩으로 학습한걸 메모하는 용도인 점 참조 부탁드립니다@@@ [1]논리 연산자 (1)부정 (!): 값의 부정 (2)and (&&): 조건이 모두 참일경우 처리 (3)or (||): 조건이 하나라도 참일경우 처리 [2]if조건 (1)기본공식 If(조건){ 조건이 참일 경우 실행 }else if(조건){ 조건이 참일 경우 실행 (선행조건이 거짓) }else{ 위 모든 조건이 거짓일 경우 } (2)실제 코딩 1)논리 연산자 (and, or, 부정 연산자 2)조건문 (밑에 주석처리한거) [3]switch (1)기본공식 Switch(값){ case 조건 : 실행문; break; case 조건 : 실행문; break; case 조건 : 실행문; break; default : 기본값; break;..
[JS-자바스크립트]2.기본 (변수, 데이터타입, 연산자, 기타-메소드,제어할태그선택) @@@@@유튜브 생활코딩으로 학습한걸 메모하는 용도인 점 참조 부탁드립니다@@@ [1]변수 -사용하는 이유: 중복으로 선언해주고, 변할때 그것만 변경 (1)선언 var 변수명; (변수명은 한눈에 알아볼수있겠금 하는게 좋음) (변수명은 “저장공간” 개념) (2)값표시 Var 변수명 = 값; ________________________________________________________________________ [2]데이터 타입 1.undefined (값의 유형이 정해지지 않은상태) 값도 없고, 유형도 정해지지 않았음 > 결과에 “undefied”라고 표시됨 밑에는 값이 있긴하지만, 유형이 정해지지는 않았음 > 결과에 “10”이라고 표시됨 2.숫자형(number), 문자형(string), 논리형(b..
[JS-자바스크립트]1.기본개념 (script태그 / 이벤트(onclick) / 콘솔) @@@@@유튜브 생활코딩으로 학습한걸 메모하는 용도인 점 참조 부탁드립니다@@@ @@@@@@@@1강@@@@@@@@ 1.수업소개 - 사용자와 상호작용하기 위해 나온 언어 @@@@@@@@2강@@@@@@@@ 2.수업목적 -야간모드 주간모드 기능을 만들어볼 예정 (버튼으로 배경색 변경) @@@@@@@@3강~5강@@@@@@@@ 3.HTML과 JS의 만남 (Script 태그, 이벤트, 콘솔) [1]script태그 (1)기본개념 - 이제부터 자바스크립트 시작합니다. Ex) >>>hello 표시됨 (2)html과 차이 1)html (정적임) 1+1 >>>>> 1+1로 표시됨 2)js (동적임) >>>> 2로 표시됨 [2]이벤트 (1)onclick 이벤트 (속성) - onclick으로 클릭하면 > alert창 생성 (2..
[생코-JS] 기타. 내장객체 (날짜 / getelements / location.속성) 보호되어 있는 글입니다.
[생코-JS]1.기본개념 (script태그 / 이벤트(onclick) / 콘솔) 보호되어 있는 글입니다.

티스토리툴바