react에서 undefined가 될 수 있는 변수를 map 돌릴때 undefined인경우 오류가 발생한다.이는 조건부 렌더링 또는 optional chaining을 사용해서 undefined일때를 대비해야한다.특히 DB에서 데이터를 받아와 뿌리는경우 필수로 사용해주는
데이터 CRUD공부를 시작하고부터 async await가 엄청나게 많이 보이기 시작했다. 어떤건지 개념을 잡고 가야할거같아 정리해보았다, async, await를 쓰는이유? 기존의 비동기 방식인 callback과 Promise의 단점을 보완하고 코드의 가독성을 높여준
js를 쓰면서 배열, 객체를 순회하는 일이 많은데, 이때 매번 헷깔리는 메소드들을 한번 정리해보는 시간을 가져보자\*map의 3번째 인자에 본인 array값을 넣을수있음??? 제대로 공부하기객체의 key값에 접근은 가능하나 value에 접근하는건 불가능하다 따라서 va
string타입을 조작해야하는 업무를 하게됐는데, 특정 값을 추출해서 변경하는 replace를 알아보자
filter걸때 state를 조건에 넣어줬는데, el.status가 "ALL"인 경우는 없어서 난감했다.갓도경이 도움을 줬는데 아래 코드를 참고하자statusFilter === "ALL" || el.status === "statusFilter"
js에서 제공하는 이벤트로 구현할수없는 여러가지 trigger로 이벤트를 일으키는데 사용되는 observer에 대해서 알아보장 Observer의 종류 mutationObserver IntersectionObserver 그외 PerpformaceObserver, Rep
엘리먼트의 너비와 높이를 찾아주는 대표적인 3가지 속성들의 미묘한 차이에 대해서 자세히 알아보자3속성 모두 공통적으로 margin은 포함하지 않는다요소내부의 현재 높이로, 콘텐츠 + 패딩만큼의 사이즈를 리턴한다요소자체의 현재 높이로, 콘텐츠 + 패딩 + 스크롤바 + 테
GET요청을 보낼때 유용한 Url api와 url search params에 대해 알아보자아래 url 객체가 있다고 가정했을때 const url = new URL("https://www.naver.com:8080/user/profile?id=13");url.
Element안의 특정 노드를 삽입할때 유용한 API이다.특정 엘리먼트의 앞,뒤 또는 특정엘리먼트의 내부의 맨앞, 맨뒤에 target 엘리먼트를 삽일 할 수 있다.Element.insertadjacentelement( option, target)beforebegin :
fetch : javascript에서 제공하는 전역 메소드로 이전의 XMLHttpRequest를 대체한다fetch가 반환하는 Promise객체는 오류상태(404, 500등)를 수신해도 거부하지않는다.응답 status가 200~299를 벗어날경우 ok속성이 false로
click시 "click!!" 문구가 찍힘function키워드 함수에서의 this는 해당 function레벨의 this를 가르킴function -> function 중첩되어있을때 각 function안의 this는 서로 다름. click시 undefined
후임에게 JS동작원리에 대해 자세히 설명을 해주기위해 미리 한번 정리해보자.자바스크립트는 V8엔진에 의해 파싱되는데, V8엔진의 구조와 동작원리에 대해 깊게 알아두면 JS가 어떻게 동작하는지, 내가 짠 코드가 어떻게 실행되는지를 알 수 있다.호출(Call)스택실행 될
typeof는 프리미티브타입 검사시에는 적절한데 레퍼런스타입 검사시에는 오류가 있음 null과 undefined를 비교하면? null은 false가 아니지만 !null은 true를 반환한다. !undefined는 true를 반환한다 null은 수학적 계산시에 0
ts의 유틸리티 타입정리해보기대괄호로 객체를 접근하는 타입인덱스 시그니처에서 사용하지 못하는 문자열 리터럴을 허용함