객체에서 못 읽는 경우는 . 대신 \[]를 사용.

프로젝트를 하던 도중 setState를 modal component에 전달을 하였으나 setState is not a function이라는 오류가 발견.이유를 한참 해메던 중 관련이 있는 component에서 랜더링이 일어날 경우 오류가 난다.무슨 이야기냐 하면 con

Three.js tutorial Three.js는 웹페이지에서 3D 콘텐츠를 최개한 쉽게 얻을 수 있도록 하는 3D 라이브러리이다. 위 구조를 Renderer라고 한다. 이 구조는 three.js의 main object라고 생각하면 된다. 간단하게 설명하면 Sce

JSON.stringify() 메서드는 JavaScript 값이나 객체를 JSON 문자열로 변환한다. 나같은 경우는 배열 안에 문자들을 비교하기 위해 사용하였다.

Object.keys() Object.values() Object.entries()

let t = new Date(new Date().setHours(0, 0, 0, 0));//이전 자정(즉, 당일)//let t = new Date(new Date().setHours(24, 0, 0, 0)); 이후 자정//let t = new Date(new Date

보통 index에서 useContext Provider처럼 App 자체를 싼다.client를 하나 설정하고 그걸 따서 Provider로 제공한다고 생각하면 됨.index에서 사용원래 사용법매일 client를 끌고와야 하는 단점, state를 매일 만들어서 넣어야 하는

보통 객체에서 얕은 복사를 할 때는 spread 연산자를 많이 사용한다. 하지만 이 경우에 안에 객체나 배열이 또 있다면 문제가 될 수 있다.위에서 grade 프로퍼티는 정상적으로 clone 부분만 변경되었지만, profile의 name 부분은 원본이 변경된 것을 알

보통 우리가 이런 식의 코드가 있었다고 해보자.a 태그는 li, ul의 두 개의 부모 태그가 있다.사용자가 a 태그를 클릭한다면 a 태그만 실행이 되는 것이 아니라 li, ul태그로 순차적으로 전달이 된다.즉, a 태그의 onclick -> li 태그의 onClick

\-r 등 -뒤에 소문자는 모두 카멜케이스로 변경.ex) style-lof => styleLofStyle 부분은 전부 style={{        maskType: 'alpha',      }}이런 식으로 변경하기.기존 -> style="maskType:alpha"수정

c

완전 탐색으로 푸는 문제.재귀가 좀 이해가 가지 않는다..돌아가는 방식을 아직도 이해를 잘 못하고 있다.진짜 처절하게 짜증난다

https://spacechild.net/476https://ifuwanna.tistory.com/261

선택자 2개를 동시에 만족하는 요소를 선택하는 개념.span태그와 orange class를 동시에 만족하는 요소 선택하위선택자를 좀 더 명확하게 하기 위해 보통 사용ul태그 안에 있는 orange class선택자 ABC의 하위 요소 XYZabc 태그 밑에 있는 XYZ

html 전역속성이란 body에 쓸 수 있는 모든 tag에 쓸 수 있는 속성title = 마우스를 올리면 나오는 속성전에도 한번 공부했지만 다시 한 번 정리.dataset.이름 으로 console.log 확인.but, JS는 하이픈(-) 이 안되므로 만약 이름에 fru

google에 reset.css cdn 검색코드로 html을 따서 link css 것 위에 넣기.codepen같은 경우는 css 설정에서 css base Reset 설정.그럼 기본적으로 페딩 등 들어있는 것들이 전부 초기화가 된다.대표적으로는 span tag.글자를 만

head란 문서의 정보를 나타낸다.웹 제목, 설명, 파일의 위치, style 등 눈에 보이지 않는 정보를 작성하는 곳으로 이해그래서 css를 보통 연결할 때 HTML에서 head에서 link로 연결link란 외부문서를 가져올 때 사용한다. (대부분 css 파일이 대다수

크게는 비트맵 이미지와 벡터 이미지로 나뉜다.사진같은 이미지.확대 / 축소 시 계단 현상이 일어나거나 품질이 저하될 수 있다.일반적인 사진.선, 점으로 이루어진 수학적 공식들로 만들어진 것.확대 / 축소에서 자유로움. 용량 변화 X일반적인 사진으로는 활용 불가

State가 뭔지 물어보았는데 내 대답이 영 형편이 없었고..Redux에 대해 물어보았는데 이것 또한 내 대답이 형편이 없었다.다시 한 번 정리하자.특히 Redux는 이번에 국비지원 교육 잘 받으면서 다시 한 번 잘 복습해보기..!!

Canvas API는 JavaScript와 HTML canvas 엘리먼트를 통해 그래픽을 그리기위한 수단을 제공한다. HTMLjavascript무엇보다도 애니메이션, 게임 그래픽, 데이터 시각화, 사진 조작 및 실시간 비디오 처리를 위해 사용된다.실제 그리기는 Canv