안녕하세요 이번 글에선 이벤트 버블링에 대해 알아보겠습니다. 이벤트버블링을 모를 경우 발생하는 예기치못한 이벤트를 살펴보고 어떻게 해결해야 하는지도 확인해보도록 하겠습니다. 이벤트 버블링이란 이벤트 버블링은 이벤트가 가장 안쪽의 대상 요소에서 먼저 트리거된 다음 가장 바깥쪽 DOM 요소 또는 문서 개체에 도달할 때까지 동일한 중첩 계층에서 대상 요소의 상위 요소에서 연속적으로 트리거되는 DOM 이벤트 전파 유형입니다. 이벤트가 브라우저에서 처리되는 한 가지 방법입니다. - 위키백과 - 즉, 특정 화면 요소에서 이벤트가 발생했을 때 해당 이벤트가 더 상위의 화면 요소들로 전달되어 가는 특성을 의미합니다. 이벤트 캡쳐란 이벤트 버블링과 반대되는 현상을 의미합니다. 즉, 브라우저로부터 이벤트가 발생한 요소까지..
많은 분야에서 파이썬을 사용하고 파이썬을 통해 쉽게 문제해결을 하곤합니다. 특히 데이터분석, 알고리즘, 인공지능 등 4차산업혁명에 대한 이슈가 많아짐과 동시에 파이썬의 위상이 높아지고 있습니다. 네, 4차산업혁명을 가장 잘 설명할 수 있는 언어가 파이썬이라고 생각하며, 그만큼 중요하기 때문에 우리는 파이썬을 배워야합니다. 파이썬은 4차산업혁명에 필요한 기술 뿐만 아니라 일상생활에도 많은 도움을 줍니다. 웹페이지에 있는 사진, 글 들을 모아 가공할 수 있고, 여러분이 사용하는 엑셀 프로그램에 적용하여 간편한 프로그램을 만들 수도 있습니다. 개발자가 아니라 개발과 관련없는 많은 사람들이 파이썬으로 편리함과 효율을 누리고 있습니다. 개발자가 아니라 개발과 관련없는 사람들이 사용한다는 점이 가장 인상적입니다. ..
setInterval을 react에서 사용하면서 생기는 문제를 만났습니다. 생각하지 못했던 경험이었고 이해하는데 헷갈린 부분이 많아 글로 정리해봤습니다. 코드는 아래와 같습니다. import React, { useState, useEffect } from "react"; function App() { const [count, setCount] = useState(0); setInterval(() => { setCount(count + 1); }, 1000); return ( {`${count}`} ); } export default App; 위 코드를 실행하면 setInterval로 인해 1초에 한번씩 count값이 1씩 올라갈줄 알았지만 생각처럼 실행되지 않았습니다. 위와 같이 숫자가 줄었다 커졌다 하..
우리는 라이브러리를 설치할 때 -D 또는 --dev를 붙여서 설치하는 경우가 있습니다. 예를들어 yarn add -D @types/styled-components 왜 -D를 붙여서 설치하라고 권장할까? 그전에 우리는 빌드라는 것에 대해 알아야합니다. 리액트를 cra로 설치한 후 yarn build 또는 npm run build 라는 명령어를 입력하게 되면 가장 상위에 build라는 폴더가 생기는 것을 확인할 수 있습니다. 하지만 이 build라는 폴더는 node_modules처럼 기본적으로 .gitignore에 등록되어 깃허브에 올리지 않는 폴더로 구분되며 필요없어 보입니다. 하지만 개발한 프로젝트를 배포할 때 이 build라는 폴더는 없으면 안되는 중요한 녀석이 됩니다. 그 이유는 react가 없는 환..
