당근마켓 클론디자인

        ​    본격적인 시작은 3~4일 전 쯤이었던 것 같다. 한 페이지를 끝내고 다른 페이지로 넘어갔는데 똑같이 반복되는 공통적인 부분을 뒤늦게 발견했고, 빨리하기위해 대충 만든 Rectangle 그룹을 풀고 다시 재사용/확장가능한 frame과 오토레이아웃으로 기본모듈형태를 만들고 컴포넌트화, 아직 익숙하지 않은 오토레이아웃을 적용하다보니 특히 시간이 더 오래걸렸다. 완성만 하는건 의미가 없다고 생각해서.... (물론 감을 잡으면 쉬운데 html/css를 제대로 해본적은 없지만 align이나 padding, margin, float 같은 속성의 사용법을 모르는 상태로 일단 해보다가 엉뚱한위치로 가져서 열받았던 기억이 났다) ​ 근데 하다보니까 오토레이아웃이 확실히 손에 붙었다. Boolean도 쓰고싶었는데 아직 공부를 안해서 레이어에서 눈만 껐다켰다해버린.. ​ 그 외 무료아이콘 플러그인에서 적합한 아이콘 찾는것도 은근히 시간이 걸려서 그냥 그려버린 시간 등등.. 36시간정도 걸린거같은데 나중에는 더 빨라지겠지 ​ 아이콘 그리던 과정에서 유의미한 썰이 생겼는데 피그마 펜이 답답해서 일러스트레이터 오브젝트 Shift+M 으로 모든것을 해결하려고 했는데 그렇게되면 면만 남아서 vector의 선 굵기를 조정할 수 없게 되버린다 (면 아이콘은 크기를 축소할수록 뚱뚱해져버린다) 일러로 피그마 아이콘을 그릴때는 무조건 선으로 그려야한다 ^^! 덕분에 모든 아이콘에서 원과 다각형을 식별하고 피그마에서 만드는 능력이 수직상승하였다 ^^ ​ 또 레이어 항목별 이름은 어떻게 지정해야 좋은지...무료아이콘을 사용한다면 그 아이콘들의 이름은 그대로 쓰는지 아니면 내부에서 따로 정리하는지... ㅠㅠ그런걸 몰라서 답답했다 ​ ​ ​ [](https://x.com/TkDodo/status/1749717832642736184?s=20)[ **X의 Dominik 🔮님(@TkDodo)** components / hooks / types / utils (and constants) is the split I'm seeing in many codebases, yet it's the one I dislike the most. It groups by type, not by domain. "useTheme" will live next to "useTodo", but not next to ThemeProvider ... why? x.com ](https://x.com/TkDodo/status/1749717832642736184?s=20) 이건 얼마 전에 본 React 코드베이스에서 코드를 어떻게 분류하고 관리해야하는지에 대한 권고인데 동일 요소를 기준으로 분류하는게 아닌 도메인을 기준으로 분류하면 좋다는 점이 인상깊어서 첨부