전체 글530 [ 타입스크립트(TypeScript) ] 핸들러 함수내부에서 중복으로 사용되는 함수 리팩토링하기 📍 핸들러 함수 내부에서 중복으로 사용되는 함수 리팩토링 하기 React로 컴포넌트가 아닌 컴포넌트 내부에서 onClick시 동작하는 handler함수를 만들다 보면, handler 함수 내부에서 사용되는 함수를 조건으로 분기할 때 해당 함수가 중복으로 사용하는 경우가 종종 있다. 이번 포스팅은 애자일 소프트웨어 개발 방법의 하나인 페어 프로그래밍(Pair programming)으로 작업을 하다가 네비게이터(navigator)를 맡고 계신 헤일리가 발견해주신 케이스인데, 조건에 의해 인자 값이 바뀌어도 함수는 동일하게 사용할 때 중복되는 코드를 어떻게 하나로 합쳤는가에 대해 작성해보려 한다. 하단 코드는 리팩토링 전 clickEventHandler 함수의 코드이다. 이 코드로 컴파일하는데 에러는 없지만 .. 2022. 9. 19. [ 2022 여름 휴가 ] 말레이시아 코타키나발루 5박 7일 후기 - 2부 📍 말레이시아 코타키나발루 5박 7일 여름휴가 후기 - 2부 여름휴가 후기 1부를 작성하고 조금 늦게 포스팅하는 감이 있지만.. 이제라도 2부를 작성하려고 한다. 여행 사진을 정리해보니 약 1,000장 정도 나왔는데 마음 같아선 전부 올리고 싶지만 약 2~30장 정도로만 추려서 올려보려고 한다. 여행 3일차에 메리어트 호텔에서 체크아웃하고 두 번째 숙소는 탄중아루 해변에 위치한 샹그릴라 탄중아루 리조트였다. 코타키나발루의 숙소들은 5성급이라고 해도 우리나라처럼 가격이 비싸지 않았는데, 샹그릴라 리조트는 다른 숙소들에 비해 가격이 비쌌다. (그만큼 관광객도 많고 인기가 좋아서 그런 건가..😅) 심사숙고 끝에 이전에 리조트를 가본 적이 없어 어떻게 생겼나 궁금하기도 했고, 후기를 찾아보니 대체적으로 호평이 .. 2022. 9. 14. [ 2022 여름 휴가 ] 말레이시아 코타키나발루 5박 7일 후기 - 1부 📍 말레이시아 코타키나발루 5박 7일 여름휴가 후기 - 1부 여름휴가를 가고 싶다고 마음을 먹었다. 그것도 해외로. 그런데, 그 마음을 먹은 게 올해가 아니라 2018년부터였다. 당시 코타키나발루의 석양을 보겠다고 2019년 6월에 사적 국외여행 신청서 작성과 항공 티켓 그리고 숙소까지 예약했으나 하필 연 1회 실시하는 전투장비 지휘검열(일명 전장비) 일정이 휴가 날짜로 바뀌면서 눈물을 머금고 전부 취소한 기억이 있었다. 당시 취소 수수료를 울며 겨자 먹기로 냈었는데 이것도 추억이라면 추억인가..? 좋은 추억은 아닌 것 같다. 😅 그래서 이번에는 3년 전의 아쉬움을 달래기 위해 코타키나발루행을 서둘러 예약했다. 비행기 티켓은 인당 60만 원 정도 했다. (22. 8. 11 기준) 동탄에서 공항버스를 이용.. 2022. 8. 31. [ 독후감 ] 부의 인문학을 읽고... 📍 [ 독후감 ] 부의 인문학을 읽고... ✏️ 서론 내가 FE 개발자로 입문하기 위해 발버둥 칠 때 가장 많이 도움을 주셨던 튜터님께서 선물로 주신 책이다. 튜터님과 종종 잡담할 때 재테크 관련한 내용을 많이 말씀해주셨는데, 이번엔 책을 선물로 주셨다. (감사합니다. 🙇🏾♂️) 여담으로 이전에도 부를 쌓는 법(?)과 관련된 책을 서점에서 종종 봤는데, 그때마다 이런 책 읽을 시간에 개발 관련 서적을 읽는게 더 도움이 되지 않을까(?)라는 생각을 하며 재테크 관련 서적을 그대로 지나친 기억이 있었는데, 이 책을 보고 생각이 완전히 뒤 바뀌었다. 그렇다고 재테크와 관련된 서적만 읽자! 는 아니고 이런 책을 읽음으로써 세계 경제가 어떻게 왜 그렇게 흘러가는지 과거엔 동일한 상황에서 어떻게 극복했는지와 같은.. 2022. 8. 23. [ CSS ] 공백이 포함된 문장 모두 줄바꿈하기 📍 공백이 포함된 문장 모두 줄바꿈하기 반응형을 고려하며 공백이 포함된 문장까지 브라우저의 너비가 줄어들면 해당 문장을 모두 줄바꿈해야하는 니즈가 생겼다. 그래서 줄바꿈 관련 CSS인 word-break와 white-space 그리고 overflow 등을 살펴보며 해답을 생각했지만 뾰족한 수가 나오지 않았다. 그래서 팀원들에게 현재 생긴 이슈를 공유하며 해결법을 찾고있는데, 공백을 뜻하는 와 word-break: keep-all 속성을 이용하면 해결할 수 있다는 팀원의 말을 듣고 작성해보니 해결됐다. 추가로 란, Non-breaking Space의 약어인데, 단어 뜻 그대로 공백을 의미한다. 특수기호가 붙은 이유는 일반적인 문자과 구분하기 위해서다. 외관상으로 공백이 있는것처럼 보이지만, 이 위치에서 줄.. 2022. 8. 9. 이전 1 ··· 8 9 10 11 12 13 14 ··· 106 다음
