본문 바로가기

전체 글37

객체 ** 객체는 크게 4가지로 분류된다. 1. 사용자 정의 객체(new Name..) 2. 약속되어 있는 객체(내장 객체) new Date, new Array... 3. BOW = browser object modeling; = 브라우저 관련 내장 객체 4. DOW = document object modeling; = 문서 html 문서 내에 있는 모든 요소를 말한다. - 페이지 내의 모든 html 요소를 컨트롤할 수 있다. - 페이지 내의 모든 css를 컨트롤 할 수 있다. - 페이지 내의 모든 요소에 이벤트를 적용할 수 있다. ​ ** window 관련 속성 innerHeight = 창의 높이 값을 반환(탭이나, 스크롤바는 제외) innerWidth = 창의 가로 값을 반환 ​ outerHeight = .. 2024. 2. 20.
함수 종류 함수의 정의 : function 키워드 , 함수는 자판기이다. 함수에 입력값을 넣으면 반환값을 얻을 수 있다. ** 콜백 함수 : callback - 매개변수로 전달하는 함수 - 다른 함수가 실행을 끝낸 뒤 실행되는 callback 퇴는 함수 - 가독성이나 코드 재사용 면에서도 사용 가능 ** forEach() - 배열이 갖고 있는 함수(메서드)로 배열 내부의 요소를 사용해서 함수를 호출 - map()과 같이 배열을 탐색하지만 차이점은 - map()은 값을 새로운 배열에 반환하지만 - forEach()은 배열값을 반복해서 사용하기 위한 메서드이다. - es6에서 새로 생긴 메서드는 아니고 es5에 추가된 메서드임 ​ **map() - 배열이 갖고 있는 함수 - 리턴 한 값들을 기반으로 새로운 배열을 만든.. 2024. 2. 14.
es6 - 반복문 ** es6(ECMAscript6) = 2016년도 - 변수의 추가 let, const(var는 사용하지 않도록 권장) - 함수의 작성법이 변화(화살표 함수) - 새로운 문법(템플릿 리터럴) - 메서드의 추가 let 변수명 = '문자열' //변수의 선언 function 태그함수(매개변수){ 실행 코드 return //태그템플릿에 반환할 값 } let 태그템플릿변수명 = 태그함수`문자${변수명}` ** 변수 스코프(scope)의 종류 - 블록레벨 스코프(if, for, while)에서 선언되는 변수는 블록내에서만 유효한 변수여야 하며, 밖에서는 호출할 수 없다. - 블록레벨 내에서 선언되는 변수느 모두 지역변수이다. ** 함수레벨 스코프 - 함수 내에서 선언된 변수는 함수 내에서만 사용하며, 함수밖에서는 .. 2024. 2. 13.
배열 요소 제거 ** splice() 메서드 *splice : 접합 1.(밧줄의 두 끝을 풀어) 꼬아 잇다, 잇대다 2. 맞대어 잇다, 겹쳐 잇다 ((together, to, onto)) 명사 1. 꼬아 잇기, 이어 맞추기 2.(재목·궤조(軌條) 등의) 겹쳐 잇기, 주접(重接) 배열.splice( 인덱스, 제거할 요소의 개수) ** indexOf() 메서드 : 특정 값의 위치 찾기 let 인덱스 = 배열.indexOf(요소) 배열.splice(인덱스, 1) let kind01 = ['가지', '호박', '사과', '당근']; let num01 = kind01.indexOf('당근'); console.log(num01); let num02 = kind01.splice(num01, 1) console.log(num02); .. 2024. 2. 8.
switch 조건문 위와 같이 출력이 되면서 짝수 또는 홀수, 숫자가 아니 나머지를 작성할 경우 아래와 같이 결과를 노출한다. * case : 조건문을 구분하는 명령어 * break : 현재 조건문을 만족하는 경우 명령어를 실행하다가 break 문을 만나면 해당 구문을 종료한다. * default : 생략 가능 2024. 2. 7.
상수? 변수? * 상수 : 항상 같은 수, 변경 사항이 없다면 상수 - 한 번 값을 넣으면 수정할 수 없지만 확인할 수는 있다. - 상수는 한 번 값을 넣으면 수정할 수 없어 저장 성능이 좋다. - 수식에서 변하지 않는 값 - const 키워드로 선언 const는 값이 변하지 않는 상수에 대한 변수이다. const는 재할당이나 재선언이 불가능하다. 다만, 객체나 배열로 선언되는 경우 값이 변경이 가능하다. const 이름 = 값 * 변수 : 변할 수 있고 변경할 가능성이 있으면 변수 - 값을 계속 변경할 수도 있고 확인도 가능하다. - 수시로 변경이 가능해서 저장 성능이 나쁘다. - let 키워드로 선언 let 다른 프로그래밍 언어와 같은 블록레벨 스코프를 맞추기 위해서 생성된 변수 키워드 let 이름 = 값 let으.. 2024. 1. 31.
728x90
반응형

티스토리툴바