Catch the error
1.[ CSS ] 자식 요소 클릭 이벤트 막기
카테고리 바를 만들던 도중 발견한 오류다.카테고리의 각 항목을 클릭하면, 클릭한 항목의 배경이 생겨 선택되었다는 것을 보여주는 CSS다.JS구조는 아래와 같다.간단하다. map으로 뿌려준 각각의 item의 text값과, 내가 클릭한 항목의 text값이 같으면, 동적으로
2.[ Node ] DB 데이터 삽입 시 동적으로 생성되는 id값을프론트단에서 바로 사용하기.
다음은 스케줄러 프로젝트의 일부분이다. 스캐줄러는 일정을 입력하면, DB에 정보를 저장함과 동시에 UI상에 새로운 일정을 띄워주는 것이 핵심 동작이다.아래와 같은 코드가 있다. 프론트단에서 axios로 서버와 통신을 하는 코드이고. rest API로 insert문을 실
3.[React] 고차함수 Map에서 별개로 동작하는 이벤트 적용하기
React에서 map으로 펼쳐놓은 각각의 JSX요소에 각각에 이벤트를 적용해주고 싶을 때까 있다.이럴 때 보통 해당 요소의 onClick과 같은 이벤트를 사용하여, 구현을 하게되는데 무심코 코딩을 하다보면 다음과 같은 상황을 마주하게된다.모든 요소가 같은 상태값을 참조
4.[ JS ] URL 파라미터에 특수문자 입력시 오류 해결 (`/${encodeURIComponent( #색상코드 )}` )
REST API로 UPDATE를 진행하려고한다.평소와 조금 다른 점은, 수정하기위해 파라미터로 보내는 값이 id 값이 아니라는 것.나는 어떠한 색상을 가진 모든 데이터들을, 다른 색상으로 일괄적으로 바꿔주고자 했다.그런데 에러가 발생한다.에러 메시지를 보니, 요청하는
5.[ CSS ] fixed, absolute 지정 시 왼쪽에 여백이 생기는 경우 해결방법
nav바를 position fixed로 고정하다가 만났던 문제를 또 만났다. 그때 당시에는 이유를 알이 못했는데, 지금은 너무 쉽게 알아버려 허무하지만 해결방법을 남겨놓고자 한다. 다음 화면에서 닫기버튼은 position: "absolute"
6.[ Node ] 입력받은 값을 포함하는 쿼리문 오류 (SQL injection 경고)
문제는 SQL injection에 있습니다. 즉, 클라이언트에서 넘어온 입력값이 쿼리문의 일부로 사용되기 때문에, 클라이언트에서 의도하지 않은 값을 입력하면 쿼리문이 예기치 않게 변형될 수 있습니다. 이 때문에 클라이언트에서 문자열 값을 입력하면 SQL 구문에 오류가
7.[ React ] 하위 요소가 클릭 되는 것을 막아주는 e.currentTarget.click()
다음과 같은 대시보드 페이지를 구성 했다.각각의 차트를 클릭하면 차트의 Detail 페이지로 이동하고자 했다.예를 들어 /allCharts/amountAndPrice 라는 경로로 이동해야했다.하지만 예상치 못한 오류가 발생했다. 간헐적으로 /allCharts/amoun