Javascript

들여쓰기는 2칸이 최근 국룰alt키+방향키와 함께 코드블럭 이동 가능html은 위에서 아래로 해석을 하기 때문에,보통은 body 아래에 script를 삽입한다.이처럼 js를 불러올 때, body맨 끝에 script를 불러올 수도 있으나,head 하단에서 js를 불러올

var, let 둘 다 변수를 선언하는 키워드다.차이점이 있다면 let은 재선언이 불가능하다!=> 재선언으로부터 오는 불안정함을 방지하기 위해, let이 더 선호된다.a.js에 x라는 변수가 있고, b.js에 x라는 변수가 있다.이 두가지를 불러오게 된다면 충돌할 가능

javascript의 반복문은 크게 2가지로 나눌 수 있다.for을 이용한 반복문은 대체로 반복 할 횟수를 정확히 알고있을 때 사용한다.c언어 사용경험이 있다면 익숙한 그 문법이다.만약 인덱스를 지정하는 형식이 아니라, 임시변수를 통해서도 반복문을 구현할 수 있다C++

함수 동작해야 할 목적대로 명령들을 묶어 놓은 것

기존 함수는 함수 선언 후, 실행을 따로 해야했지만, 즉시 실행 함수를 사용한다면 선언되는 동시에 실행이 된다. 즉, 함수의 이름이 필요 없다.12번줄에서 인자를 확인하기 위해 15번줄로 가서 인자를 저장한 다음, 함수의 내용을 순차적으로 실행한다.웹 페이지 화면 전환

객체 프로그램에서 인식할 수 있는 모든 대상 데이터를 저장하고 처리하는 기본 단위 객체는 총 4종류가 있다. 자바스크립트 객체(js 안에 이미 만들어진 객체) 문서 객체모델(DOM): 문서뿐만 아니라 웹 문서 안에 모든 자원을 내부에 인식할 수 있도록 도와주는 것

1) 일반적인 함수 표현식으로는 생성 가능!2) 화살표 함수 표현식으로는 생성 불가능! -> 화살표 함수는 this 의미가 다르기 때문2-1) 화살표 함수 내부에서 this : 객체 자기 자신 X, 자신 외부의 값2-2) 함수 내부에서 파라미터로 또 다른 함수 : 콜백

객체(+배열)이 가진 메서드 중에는 find, filter,map 이 있다고 했다.find는 테스트 함수 조건에 맞는 첫번째 요소를 반환한다.참고로 find 안에는 이미 forEach 함수가 내장되어 있으며, 선언형으로 만들 경우 다음과 같이 만들어볼 수 있다.하지만,

복사에는 두 종류가 있다. 이를 알기 위해서는 Call by Referecne를 알아야 한다. 얕은 복사 깊은 복사 하지만 나는 주소값 말고, 그냥 정말 객체의 원본값을 다 가져와버리고 싶다면? 반복문으로 값 할당하기

파이썬이나 C++에 익숙한 분들은 for~in 또는 for(~:~) 구문이 익숙할 것이다.다만 Javascript에서는 이러한 기능을 forEach로 구현중인데,그렇다면 JS에서 for in과 for of는 뭘까?아래에서 계속 우려먹을 이러한 객체가 있다고 치자.객체는

형변환은 자료형을 변환한다는 것이다.자료형에 따라 사용할 수 있는 메서드가 다르기 때문에, 형변환이 필요한 순간들이 있다.명시적(눈에 보이게) 데이터 타입을 바꿔주는 것문자열 변환은 대부분 뒤에 문자열('')을 더해주면된다!앞에 연산자를 붙여준다.(주로 +를 붙여줌)객

스타일을 변경할 때에는, 변경할 영역의 클래스 명을 바꿔주는 것이 좋다.하지만 여러 개의 대한 관리는 classList속성을 변경시키는 것이 좋다.뭔소리냐?다음과 같은 DOM을 특정 이벤트 발생 시 보이지 않게 만들고 싶다.document.selectquery나 doc

파라미터로 전달되는 함수! 함수 안에 호출되는 다른 함수라고 생각하면 된다!작성한 코드를 순서대로 실행하는 것즉, 요청 결과 응답 후, 다음 동작이 실행되는 방식요청 결과 응답과는 별개로 다른 동작이 실행되는 방식,쉽게 말하면, '기존 함수를 제껴두고 계속 다음 동작이

JSON 데이터를 문자열의 형태로 주고 받도록 만들어진 JS의 내장객체. 키:값의 쌍들로 이루어졌다. 다음과 같은 객체가 있다고 하자. JSON.stringify() js 객체를 문자열로 바꿔준다. JSON.parse() json문자열을 js객체로 바꿔준다. 주

지난 글에서는 fetch함수를 이용해 서버에 요청을 보내는 방식을 다뤄보았다.근데!!!매번 메서드 방식 지정하랴, 결과값 json으로 감싸랴, body 문자열화 시키느랴좀 귀찮은게 있었다.이걸 알아서 해주는 얘가 바로 Axios다.Axios는 다운로드를 받던, CDN으

비동기 함수를 동기적으로 활용해야 할 경우, await를 활용해야한다.await를 활용하기 위해서는 함수 앞에 async를 붙여줘야 한다.예를 들어, 기존에 데이터를 받아와 View를 생성하는 Init 함수가 있다고 치자. async를 이용하지 않는다면, 데이터를 전처

인터셉터는 요청과 응답을 보내고 받기 전 특정한 작업을 할 수 있도록 만들어준다.request도 같은 방법으로 진행된다.특정 API요청에 대해 일정 횟수 이상 실패할 때까지 API재요청(위에 코드에서는 에러 발생 횟수를 기록하는 NetworkError라는 객체를 만들어