ding-co100 [Trouble Shootings #2] React - 여러 이벤트 간의 관계 (feat. stopPropagation) 오늘 회사에서 작업을 하다가 구글링을 통해 잊어버렸던 JS 개념을 활용해 해결하였습니다. 사전에 퍼블리싱한 버튼이 있었는데 outer container에 button 클릭 이벤트 핸들러가 있고 그리고 position: absolute; 로 설정한 -, + 버튼이 각각 왼쪽과 오른쪽 끝에 붙어 있었습니다. 한 곳에 총 3개의 버튼이 있고 각각 3개의 이벤트 핸들러가 걸려 있어서 이벤트 버블링이 일어나면서 중복 발생하기도 하였습니다. 순서가 꼬이는 경우도 가끔 발생하여 이런 이슈를 어떻게 해결할지 구글링을 하였습니다. 사전에 이와 같은 방식으로 html, css 퍼블리싱을 하지 않았더라면 좀 더 나았을 것 같기도 한데 우선 해결이 필요합니다. 끝내 찾은건 event.currentTarget.stopPropa.. 2022. 9. 20. [개발 일기] - 22.09.20.Tue 22.09.20.Tue 월요일부터 오전에 일찍 기상해서 영어 회화 공부도 시작하였습니다. 영어도 개발에 있어서 매우 중요하기 때문에 중장기적으로 같이 함께 가지고 갈 예정입니다. 개인적으로 영어는 듣기와 말하기가 매우 중요하다고 생각해서 이전에 학습했던 쉐도잉 방법을 이용하였습니다. 새로운 영화 한 편을 선택해서 훈련하는데 재밌습니다. 30분 동안 약 5개의 문장을 훈련하고 웨이트(헬스) 1시간 정도 하고 바로 출근하였습니다. 회사 업무로는 아직 기획 및 디자인 컨펌이 되지 않아서 제가 작업했던 소스 코드에 대한 리팩토링을 진행하였습니다. 그리고 피그마의 각 스크린별로 다시 체크해보면서 잘못된 로직 수정, 중간 중간 빠진 디자인 등 디테일을 조금씩 챙기면서 작업하였습니다. 퇴근 이후에는 JS 알고리즘 2.. 2022. 9. 20. [개발 일기] - 22.09.19.Mon 22.09.19.Mon 아직 현재 진행하고 있는 프로젝트의 기획 및 디자인 컨펌이 되지 않아서 기존에 작성했던 코드의 버그 수정 및 리팩토링을 진행하였습니다. 퇴근 이후 JS를 이용하여 알고리즘 3문제를 풀었습니다. 그리고 오늘 우아한 스터디 - 컴퓨터 구조 마지막 날이어서 참석하여 마지막까지 함께 핵심 포인트를 짚고 추가적인 내용에 대해 의논하는 시간을 가졌습니다. 최종 뒷풀이를 통해 여러 사람들의 경험 및 생각도 공유하였습니다. [생각해 볼 내용] - 리팩토링 2022. 9. 20. [개발 일기] - 22.09.18.Sun 22.09.18.Sun 낮에 JS를 이용하여 알고리즘 2문제를 풀었습니다. 이후 react-query를 학습하였습니다. error handling, loading 등을 centralize 하는 방법과 각 컴포넌트 내에서 useQuery 훅을 이용하여 계속 반복하여 사용하는 것이 아니라 커스텀 훅을 이용하여 모듈화시키는 내용을 조금 봤습니다. 강의를 수강하고 학습하면서 전체적인 프로젝트의 폴더나 구조들도 보았는데 각 컴포넌트 내에서 사용되는 state부터 서버로부터 가져오는 데이터 등을 모두 커스텀 훅으로 분리하여 여러 컴포넌트에서 사용될 수 있도록 모듈화 시켰는데 꽤 괜찮아보였습니다. 다음 회사 프로젝트 때 한번 활용해볼 예정입니다. 마지막으로는 자료구조를 JS 버전으로 다시 리마인드 하고 있는데 pri.. 2022. 9. 18. 이전 1 ··· 9 10 11 12 13 14 15 ··· 25 다음 반응형