React

React 를 가지고 콘솔을 찍을 때마다 2번씩 찍히는 이유가 궁금해졌다.render를 배우고 나니 그러면 랜더가 두번씩 되는 것인데, 왜 두번씩 되는걸까?🤔구글링하니 답은 금방 나왔다.index.js에서 우리의 컴포넌트가 <StrictMode>로 감싸져있기

props 라는 입력, 인자를 받아서 React Element를 반환하는 함수화면에 출력되는 요소를 반환하는 함수이다.함수 컴포넌트와 클래스 컴포넌트로 나눌 수 있다.부모 컴포넌트가 자식 컴포넌트에 값을 전달할 때 사용하는 것.컴포넌트(함수)가 갖는 단일 객체 인자,

npm init -ynpm i -D webpack webpack-cli webpack-dev-server\-D는 개발자 dependencyentryjs 파일의 진입점output빌드를 했을 때 번들 파일에 대해 지정해줌filename번들될 파일 이름path번들될 파일의

switch slider::before 로 슬라이더 다크모드 전환시 필요한 input 태그를 label 전체로 감싸면서

이벤트 버블링이벤트가 발생하면 상위 요소로 전파 된다.target이벤트가 실제로 발생한 요소. 내가 클릭한 자식 요소를 반환currentTarget이벤트가 부착된 부모의 위치를 반환=> 키보드 클릭 이벤트에서 모든 키들에게 eventListener를 부여해주는 것은 비

이번에도 optional chaining을 사용하여 코드를 간결하게 작성했다.mousedowntarget의 가장 가까운 div.key를 찾아 배경색이 어두워지는 .active를 추가한다.mouseup마우스를 떼는 순간 .active를 가지고 있는 요소에게서 .activ

history는 redux로 관리하고 있는 상태이다.initialState로 빈 배열을 줘서 배열이라고 생각해서 그냥 map()을 돌렸는데, 대충 이런 에러가 나왔다.Uncaught TypeError: history.map is not a function그것도 크롬에서

파이널 프로젝트 중, 이니렌탈 API를 연습해보는데 CORS policy 에러가 발생했다.Access to XMLHttpRequest at '요청 보낸 URL' from origin 'http://localhost:3000' has been blocked b

프로젝트를 하면서 Modal을 구현할 일이 있었고, 팀원이 Portal이라는 것을 사용해서 모달을 구현해보라고 제안했다. Portals 공식 문서에서는 Portal은 부모 컴포넌트의 DOM 계층 구조 바깥에 있는 DOM 노드로 자식을 렌더링하는 최고의 방법을