자바스크립트 공부

알파벳을 대문자로 쓰고 두개이상의 단어가있을때는 \_ 로이어준다.(상수와 변수를 구분해주기위해)const PI = 3.14;처음에 값을 입력해주지않아도 오류가 뜬다.

대상과 조건값이 일치하는지 확인하고 결과에 따라 다른동작이 필요할때 사용. >

예시

while문과 for문은 대부분 대체 가능.글로벌 변수를 미리 밖에서 만들어줘야한다.

\-break : 반복이 실행되고 있는도중 빠져나옴.예)1~10까지 출력중 7이 되면 끝남.\-continue: 그아래 코드들은 실행되지 않고, 바로 다음단계로 넘어감. =>홀수만 출력됨.

<틀린 답>previous = current를 하면, previous와 current가 같은 값을 저장하게 됩니다. 그리고 기존의 previous 값은 잃어버리게 되죠. 예를 들어서 previous가 정수 2고 current가 정수 3이라고 생각해 보세요. pre

• property name 주의사항1\. 첫번째 글자는 반드시 문자 , 밑줄\_,$ 기호중 하나로 시작.2\. 띄어쓰기 금지.3.하이픈(-) 금지.\->''로 감싸주면 다 가능하긴함. ex)'brand name' . 'born-year'

존재하지않는 프로퍼티는 undefined값 출력.

객체안에 있는 프로퍼티를 가지고 반복적인동작을 수행. > 객체 프로퍼티 네임이 변수에 할당되고, 프로퍼티 갯수만큼 반복된다. > 프로퍼티 이름과 value가 같이출력됨.

let mydate1= new Date('2023-11-20');let mydate1= new Date('2023-11-20T20:8:28');month는 0부터 시작 / 0은 1월 ,1은 2월~1970년 1월 1일 00:00:00 utc(타임스탬프) 부터 몇 밀리초

•삭제할 갯수를 적지않으면 인덱스 이후 값 모두 삭제된다.splice()를 잘 활용하면 배열을 수정하기 쉽다.

\-indexOf: 처음 발견된 인덱스가 리턴\-lastIndexOf: 뒤에서 부터 탐색해 인덱스 리턴.: 있을 경우 true를, 없을 경우 false를 리턴결과값

배열의 요소가 변수에 할당됨.같은 결과값 출력.

객체는 key: value인 property로 이루어져 있고,property를 추가하는 방법은 그냥 객체명.key = value;를 해주면 추가된다.voteCounter 객체 안에 name : 1 , 또는 name : vaule+1을 해준것과 같다.

e를 사용 하여 10의 거듭제곱 표현.

• 사용시 문자열이된다. \+사용시 number함수와같은기능(+mynum.toFixed(2))• 사용시 문자열정수형의 경우 ()나 .. 사용

: 어떤 값의 '양수(positive number)' 버전: Math.max 함수에 파라미터로 여러 수를 넘겨주면, 그중 가장 큰 값이 리턴됩니다.: Math.pow(x, y)를 하면 x의 y승의 결괏값이 리턴: '제곱'의 반대 ( 5의 제곱이 25이기 때문에, 25의

없는 문자열 출력시 결과값 -1 출력.인덱스는 띄어쓰기도 포함한다.

변수에 객체값을 할당할경우 , 변수상자와 객체가 이어진 길이 복사되는것.:객체 ,배열•slice 메소드를 호출하여 독립된 배열값을 복사함.

연습문제에서 split로 문자열 숫자들을 Number로 일일이 바꿨었는데 엄청난 메소드를 알게되었다..

1\. 요소노드 : 태그를 표현 (ex. head/body/h1/h2 등등)2\. 텍스트노드(leaf node) : 문자를 표현 (보통 요소노드의 자식노드로 따로 자식노드를 가질수없다!)\*다른 노드들도 많지만 일단 두개만 알고갈것const myTag = documen

innerHtml,outerHtml로 수정하면 내용을 덮어써버려서 기존데이터가 사라질수가있다.기존문서 구조를 덮어쓰는게 아닌 새로운 요소노드를 추가해보자.1.요소노드 만들기 : document.createElement('태그이름')2.요소노드 꾸미기 : textCont

// HTML 속성 (HTML attribute)const tomorrow = document.querySelector('const item = tomorrow.firstElementChild;const link = item.firstElementChild;consol

mousemove: 마우스 포인터가 이동할 때mouseover: 마우스 포인터가 요소 밖에서 안으로 이동할 때mouseout: 마우스 포인터가 요소 안에서 밖으로 이동할 때 : 화면에 표시되는 창 기준 마우스 포인터 위치 client 값은 그 순간 보여지는 화면을

• OR "||" 연산자를 여러 개 체이닝(chaining) 하면 <span style="background-color:피연산자에 truthy가 하나도 없다면 마지막 피연산자를 반환모든 변수가 falsy이면 "익명"이 출력되었을 겁니다.• AND 연산자는 <

배열의 요소를 순차적으로 순회하며 숫자든 배열이든 객체든 하나의 값으로 줄여 return 하는 함수다. 즉, 배열을 기반으로 하나의 값을 도출할 때 사용된다.<예제>

filter 메소드는 배열의 요소를 하나씩 살펴보면서 콜백함수가 리턴하는 조건과 일치하는 요소만 모아서 새로운 배열을 리턴하는 메소드입니다.find 메소드는 filter 메소드와 비슷하게 동작하지만, 배열의 요소들을 반복하는 중에 콜백함수가 리턴하는 조건과 일치하는 가