컴포넌트가 도대체 뭔데
프론트엔드를 공부하다보면 컴포넌트 컴포넌트 컴포넌트 이것도 컴포넌트 저것도 컴포넌트라고한다. 컴포넌트가 무엇일까 생각해봤다. 음, component 영어 사전적 의미로는 구성요소이다.공부를 하다보면 개발 용어가 너무 어렵다. 대부분 용어는 영어에서 파생되었기때문에 사전적의미를 찾아보면 조금은 도움이 된다.
만약 비개발자가 컴포넌트가 무엇이냐 물어본다면 나는 조립하려고하는 부품이라고 말할것이다.
그러면 Web Component는 뭔데?
웹표준을 기반으로 하는것, 표준이라서 설치가 필요없는것.
그리고 웹에서 내 입맛대로 커스텀 가능하고, 재사용 가능한 API이다.
UI 컴포넌트가 너무 다양해졌어요
컴포넌트가 너무 다양해졌다.
그것의 궁극적인 이유는, 사람들의 요구사항이 많아진것이라 생각한다.
옛날 사이트를 보면 진짜 못생겼다. 딱 작동하게만 만들었다.
그치만, 요즘은 사람들이 웹 사이트가 사용하기 불편하면 안쓴다. 사람들 눈이 높아진것이다. 원티드 프리온보딩 챌린지 6월 강의를 들으면서 멘토님이 좋은 사이트를 공유해주셨다.
프론트엔드 개발자라면 반드시 알아두어야 할 32가지의 UI 요소
https://velog.io/@oneook/%ED%94%84%EB%A1%A0%ED%8A%B8%EC%97%94%EB%93%9C-%EA%B0%9C%EB%B0%9C%EC%9E%90%EB%9D%BC%EB%A9%B4-%EB%B0%98%EB%93%9C%EC%8B%9C-%EC%95%8C%EC%95%84%EB%91%90%EC%96%B4%EC%95%BC-%ED%95%A0-32%EA%B0%80%EC%A7%80%EC%9D%98-UI-%EC%9A%94%EC%86%8C-%EB%B2%88%EC%97%AD
UI의 각각 구성요소들 마다 이름이 붙여져있다는 사실을 알았는가?
디자이너, PM 등 협업 할 때, 이왕이면 이름을 불러서 협업을 해보자!
스타일 커스텀 가능한 사이트
https://zagjs.com/
Zag는 헤드리스이며 스타일이 없기때문에, 내가 좋아하는 스타일을 적용하기 수월하다.
