Aaron[에런]85 디자인 시스템 설계에 대한 관심 회사에서 작업을 하면서 항상 느끼는 점이 있습니다. 재사용 컴포넌트 및 모듈화, UI 컴포넌트 구조 설계 등에 대해 관심이 많습니다. 매 프로젝트에서 반복되는 작업에 대한 생산성을 극대화하기 위해 회사만의 asset으로 컴포넌트, 훅 등을 잘 아카이빙해서 관리하고 싶은 중장기 프로젝트 같은 생각이 있습니다. 항상 프로젝트를 할 때마다 혼자 설계부터 대부분의 작업을 하게 되는데, 밑바닥부터 하나 하나 다 만들어가면서 쌓아 올리는 것이 상당히 재밌습니다. 여러 번의 리팩토링을 통해 제가 처음에 설계했던 것을 개선시켜 나가는 것도 좋습니다. 개발에 대한 고민들이 평소에도 자연스레 한번씩 계속 생각이 나고, 추가 레퍼런스를 찾거나 주변 피드백을 통해 다시 한번 되뇌이곤 합니다. 시중에 정말 잘 만든 디자인 시스.. 2022. 10. 22. [Topic #자료구조 06] 기본 정렬 3가지(선택/버블/삽입) 구현 with JavaScript // Ascending Order Sort // 선택 정렬 // T.C: O(n^2) // S.C: O(n) - B/C make it to a pure function const selectionSort = (array) => { const len = array.length; const copyArr = [...array]; // array.slice() - 얕은 복사 for (let i = 0; i copyArr[j]) { minIdx = j; } } [copyArr[i], copyArr[minIdx]] = [copyArr[minIdx].. 2022. 10. 10. [주절주절 #5] 구글 애드센스 관련 저는 원래 광고를 별로 좋아하지 않습니다. (물론 생산자 입장에서는 수익 문제로 아닐 수 있지만 저는 사용자 입장으로 많이 생각합니다.) 이전에 카카오 광고를 달았다가 삭제했는데, 최근 구글 애드센스를 추가했습니다. 다름이 아니라 저는 블로그는 모두가 보는 공유의 장이라 생각하여 수익이 난다면 나중에 모두 기부를 할 생각입니다. 아직 두 자리도 안됩니다 ㅎㅎ 제가 알기로 100 달러부터 수익 기준이 시작되는데, 앞으로 더 노력하여 좋은 컨텐츠를 제작하고 훗날 기부까지 해보고 싶습니다. 🙂 p.s) 올해 상반기에 참여한 공동 집필 저자 프로젝트에서 책의 수익금은 모두 기부로 활용됩니다. (개발자가 되기 위해 꼭 알아야 하는 IT 용어) 2022. 10. 9. [Trouble Shootings #13] React - Fragment에도 key 속성 지정이 가능합니다! React에서 무분별한 div 태그 남용 방지를 위해 와 같은 React.Fragment 태그를 자주 사용합니다. 하지만 JS의 순수함수인 map 함수를 이용하여 리스트를 렌더링 할 때, key 속성을 unique 하게 잘 지정하는 것이 중요한데 다른 사람 코드를 보면 종종 프래그먼트의 경우 key 속성을 지정 못한다고 생각하여 의미없는 div 태그를 하나 더 만들어서 key 속성을 지정하는 것을 보았습니다. 하지만 그럴 필요가 전혀 없습니다. 현재 리액트에서 제공하는 React.Fragment 태그에 key 속성을 제공합니다. 물론 프래그먼트 축약 형태인 에 사용할 수는 없고 와 같은 형태에서 사용이 가능합니다. 물론 내부적으로 빠른 노드 검색 최적화를 위한 reconciliation 알고리즘이 적용되.. 2022. 10. 6. 이전 1 2 3 4 5 6 7 8 ··· 22 다음 반응형