JAVASCRIPT 공부중입니다

스크립트를 html에 포함하는 방식은 여러 방식이 존재한다.그중 제일 많이 쓰이는 방법은 head안에 script를 넣는 방식 혹은 body 맨 뒤에 script를 포함하는 방식을 많이 사용한다.그중 script를 head안에 포함하는 방식중 defer속성과 async

js 파일 제일 맨 윗줄에 선언순수 자바스크립트의 경우 선언되지 않은 값을 할당해도 문제가 발생하지 않는다x에 대해서 선언이 되어 있지 않다.하지만 error를 발생시키지 않는다그러한 문제점을 해결하기 위해서선언되지 않은 값을 할당했을경우 에러가 발생하도록 하기 위해

keword - 특정한 목적을 위해 사용하는 단어var = 변수를 선언할때 사용하는 키워드예약어 (reserved keyword) : 변수명, 함수명으로 사용할 수 없는 단어ex> return, for , function 등등 이미 사용된 단어사용하면 오류가 발생한다.

표현식이 참으로 평가될 때, 실행되는 블럭블록코드가 한줄일때는 { } 생략 가능Falsy 한 값Truethy 한 값else{ }if가 아닐때의 조건이 elseelse if { }if에 해당하지 않고, 다양한 조건을 이용할 때 사용 가능논리연산자를 이용한 조건문 평가 (

유한한 횟수만큼 반복할 때는 for문을 사용한다반복문을 즉시 종료하고 싶을 때는 블럭 안에서 break; 를 실행하면 가능반복되는 블록 안에서 continue; 를 만나면 해당블록은 종료무한 루프조건이 거짓이 될때까지 반복 실행 } 조건이 거짓이 될때까지 반복 실행

function 이라는 단어 사용function 은 객체중의 하나 ⇒ 내장객체함수도 객체의 한 종류이다함수의 매개변수 선언함수의 리턴함수를 만들때 사용하는 키워드함수를 변수에 할당할 수 있다.선언적 방식으로 선언하게 되면 호이스팅되어 사용이 된다.익명함수의 경우 var

함수, 클래스 (틀 ) ⇒ 객체 , 개체, object틀로부터 개체(인스턴스) 를 만들어서 사용객체를 만들어내는 틀의 역할을 하는 함수를 생성자 함수라고 한다.function 틀 ( ) { } = > new 틀 ( ) 함수를 만들어서 틀을 만들고 틀로부터 new라는

javascript의 객체의 접근 방식두가지의 차이점을 비교 !객체의 접근하는 방식으로는 objectkey 방식과 object.key 방식이 존재한다.an으로 접근하는 것과 a.n으로 접근하는 값은 다른값이다.an으로 접근하는 것은 2를 출력a.n으로 접근하는것은 a.

parameter 와 argument의 차이점현재 argument 객체는 배열과 유사하게 인덱스 접근이 가능하다. argument는 1,2,3 전달인자는 1,2,3을 전달하고 있다.sum함수는 매개변수를 정의하지 않고 있다형태로 나타낼 수 있다. 파라미터 paramet

사용을 잘 안하게 되는 reduce 이상하게 reduce는 잘 사용을 안하게 되는 method중에 하나였다 ! 하지만 일을 하다보니 reduce를 써야하는 상황에 닥치게 되었고, reduce를 다시 공부해 보기로 마음 먹었다.! Array.prototype.redu

자바스크립트의 this... 그때마다 달라지는 this라는 아이에 대해 다시한번 개념을 정리하고자하여 정리해 보았다binding : 호출한 대상에게 실제 함수를 연결 짓는것전역을 감싸는 객체, 즉 코드 전체를 아우르는 객체이다.브라우저 환경에서 전역객체를 window

브라우저에 저장되는 작은 크기 문자열 ( 4kb )쿠키가 있다 ⇒ 이전에 방문한적이 있다쿠키가 없다 ⇒ 이전에 방문한적이 없다.서버에서 사용요청시 Headers에 전송 ( 같은 도메인에서 만들어진 쿠키만 전송)만료기간 지정 가능영구쿠키 - 만료기간이 있고, 만료기간이

⇒ 가독성의 문제점이 가장 크다 . 협업하는데 좋지 못한 코드이다if문 중첩을 탈출하는 방법의 코드를 연습해서 쓰도록 하자 최악의 조건을 가진 코드이다. if 문이 중첩되면 언제 실행되는지, 언제 되는지 정확하게 판단하기가 어려운 문제점이 발생한다⇒ if문을 한번 생기

Number()와 parseInt() 는 둘다 문자를 숫자로 바꿔주는 역할을 한다.​그러나 미묘한 차이점이 존재한다​Number(3x) 와 parseInt(3x)는 서로 다른 값을 반환한다.​Number(3x)의 경우 NaN 반환 ( 숫자가 아니다)​parseInt(3

클래스를 만드는 방식최초의 초기값을 객체 안으로 넣을 수 있도록 한다.다시한번 정리 필요객체가 아니고 클래스의 변수와 함수부모에게서 구현된 함수나 변수가 자식에게서 똑같은 이름으로 구현시키면 override된다자식이 만드는 함수가 부모의 함수를 덮어 씌운다자식이 가지는

http에러가 발생하면 해당 에러와 관련 에러코드를 발생 http 응답 상태코드 100번대 : 정보 - 요청을 받았으며 프로세스를 계속 진행합니다200번대: 성공 - 요청을 성공적으로 받았으며 인식했고 수용합니다.300번대: 리다이렉션- 클라이언트는 요청완료를 위

호이스팅이라는 개념과 TDZ라는 개념을 다시한번 정리하게 되었다.호이스팅은 단순한게 선언된 변수가 최 상단으로 끌어올려지는 현상 !! 이라고 알고있었고 const, let을 쓰는이유는 var에서는 선언을 하면 호이스팅이 되어지는 문제점이 있어 es6 문법에서 새롭게 l