react 2

[React] 특정 div에서 클릭 이벤트를 막으려면?

안녕하세요. 오늘은 Javascript에서 이벤트 전파를 중지하는 메소드인 'stopPropagation()' 에 대해 써 볼까 합니다.홈페이지를 만들다가 생각난 부분인데 잊기 전에 기록해 두려고 해요. stopPropagation()직역하자면 "멈춰 전파!" 정도 되려나욬ㅋㅋJavascript 이벤트 핸들러에서 사용되는 메소드로, 특정 이벤트가 더 이상 상위 요소로 전파되지 않도록 막는 역할을 합니다. 웹 페이지에서 이벤트는 기본적으로 '버블링(bubbling)' 방식으로 발생하는데, 이는 특정 요소에서 이벤트가 발생하면 그 이벤트가 상위 요소로 차례대로 전파되는 것을 의미합니다. 부모 요소의 이벤트 핸들러가 실행되는 것을 방지하고 싶을 때특정 요소에서만 이벤트를 처리하고 싶을 때 제 홈페이지 같은 경..

■ 공부/React 2024.09.09

[React] 나의 웹사이트 만들기 1.

요즘 포트폴리오 게시 및 react 공부도 할 겸해서 겸사겸사 홈페이지를 만들고 있습니다.우선 간단히 껍데기만 만든 후에, 게시판이나 회원가입도 추가할까 생각 중인데 시간이 될 지는 잘 모르겠네요.뭐 천천히 차곡차곡 히스토리를 쌓아가는 것도 재밌겠죠🫤   게시판을 만든다면 아마 Spring을 공부해서 도입하거나 할텐데(!)C도 해보고 싶고 하고 싶은 것만 많네요.  본 게시글의 카테고리는 우선 react로 정했습니다. 코드리뷰도 할 겸 간간히 업로드 할 생각입니다.백엔드 작업도 들어가게 되면 웹사이트 카테고리는 따로 파야겠네요.오른쪽 페이지를 클릭하면 해당페이지를 슬라이드하여 보여주는 식으로 구성했습니다.슬라이드 애니메이션은 CSS로 했고, 클릭 이벤트는 useState를 사용하여 상태관리 진행했습니다..

■ 공부/React 2024.09.06