[TIL] 디자인 시스템 및 코드 분석

TIL

개인 공부

설명글이라기 보다 개인적인 글입니다.

디자인 시스템

디자인 시스템이란?

찾아본 결과디자인 시스템은 굉장히 포괄적인 단어인 것 같다.

일반적으로는 공용으로 사용할 수 있는 디자인을 제공하는 시스템이다.

예
구글의 material design
애플의 Apple Design Resources

등등 수많은 기업들에서 디자인 시스템을 제공하고, 사용하고 있다.

디자인 시스템 도입 이유

Web, PC, 모바일 등등 수많은 플랫폼들에 대해 대응해야 한다.

따라서 각각의 플랫폼마다 디자이너나 각각의 개발자가 디자인 컴포넌트를 제작하게 된다면
비효율적일 뿐더러 통일성도 낮아진다.

그렇기 때문에 공통으로 사용할 수 있는 디자인 시스템을 제공하여 미리 제작된, 디자인이 일괄적인 컴포넌트를 사용함으로써
하나의 서비스/다른 플랫폼에서 디자인의 통일성을 높일 수 있게 된다.
모든 개발자가 디자인을 추가적으로 하지 않아도 되는 효율성까지 잡을 수 있다.
(버튼만 몇 백개를 새로 안 만들어도 된다ㅎㅎ)

어떻게 해야할까?

아직 구체적인 방안이 나오지는 않았지만,

컴포넌트 디자인이 나오면 이를 모두 구현하고, 기능까지 고려하면 되겠다.

또한, 모든 개발자들이 사용할 것이기 떄문에 문서화가 중요하다.

개인적으로는 storybook을 사용해봐야겠다..

[참고]
TypeScript와 Storybook을 사용한 리액트 디자인 시스템 구축하기
[React] 개발자가 바라본 WEB 디자인 시스템 | Design and Style Guide, Component Library or UI Kit
디자인 시스템(Design System), 궁극의 기본 가이드(2021)
디자인 시스템 갤러리

코드 분석

회사 코드 분석

회고 (TIL)

2022.04.16 Daily 회고

✏오늘 한 일

• 라이브러리 스터디

⁉느낀 점

어제 시니어 개발자 분과 진짜 잠깐 얘기해보면서
1일 1commit을 하고 있다고 하니, 의미있는 커밋이냐고 여쭤보셨다.
살짝 당황해서 의미있게 하려고 프로젝트를 못하면 강의를 듣거나 라이브러리를 공부한다고 했다..

석연치 않은 반응…
생각해보니 커밋을 위한 커밋이면 의미가 없다.
오히려 독이 될 것 같았다.

1일 1커밋하셨는데, 지금 얼만큼 성장했냐라고 한다면 대답 못하지 않을까.

그래서 1일 1commit 그 타이틀에 집착하지 않고,
공부 조차 못할 것 같은 날이면 그냥 커밋하지 말자.

🎃현재 나의 상태

다음 주는 업무가 할당될텐데 잘 할 수 있을까…

얼른 자취하고 싶다. 왕복 4시간 힘들어서 못하겠어…..

---