jQuery 2

[React] useEffect 2번 실행되는 이유

다음과 같이 useEffect를 사용하여 jQuery메서드 on 으로 해당 요소를 이벤트 등록을 해주었다. 그런데 해당 태그를 눌러 이벤트가 발생하면 2번이 실행돼서 왜이러지? 찾아보니깐 useEffect부분에서 두번 실행돼서 등록이 2번 되니 한번 클릭해도 두번의 이벤트가 발생하는 것이였다. 처음엔 랜더링이후 state값이 변하는게 있기때문에 한번더 했다라고 생각했는데, 해당 컴포넌트에서는 상태값을 쓰지도 않기때문에 이에 해당해서는 안되었다. 그래서 useEffect이 한번만 실행해야하는데 2번이 되는 이유를 찾아보니 index.js에서 strictMode가 존재하면 두번 랜더링된다고하는데 이 strictMode는 검사 도구라고 생각하면되고 개발 모드에서는 오류를 잘잡기위해 두번씩 렌더링을 한다고 한..

Today I Learned(TIL) 1

오늘 항해99 1일차를 하며 프로젝트 구상을 했고 정신없는 하루가 지났다. 같이 이야기하고 공유하면서 내가 무슨부분이 부족한지 체크를했고 따로 공부하여 개념을 정리하기로했다. 웹개발 종합반을 복습하면서 헷갈리거나 까먹고 잘알지 못한걸 자기 공부때 개념들을 아래와같이 정리하였다. jquery 는 javascript 로 이루워진 라이브러리 이다. Ajax 는 query 안에 있는 asynchronous Javascript And XML 의 약자 기술이다. 한국어로는 비동기적 자바스크립트 그리고 XML 라는 뜻으로, 보통 동기적인 경우는 웹 화면을 재 로딩하면서 html, css, js 를 다시 다 불러온다 하지만 ajax는 웹 화면을 갱신하지 않고 필요한 데이터를 서버로 보내고 가져오는 방법을 말한다 보통 ..

항해/항해99 2021.11.01