본문 바로가기

반응형

DEV/HTML, CSS

(2)
[UI] MUI(material UI)는 무엇일까? 요즘 나는 회사에서 MUI를 이용하여 개발을 하고있다. 처음엔 스타일드 컴포넌트가 아닌 MUI를 이용해서 개발을 한다는것에 거부감이 들기도 했지만 mui라는 녀석도 상당히 간편하게 사용할수 있는 친구인것같아서 이렇게 블로그에 글을 적어보고자 한다. 내가 처음 mui를 접하게 된건 부트캠프 기간중 아이콘이나 인풋박스같은 컴포넌트를 개인 프로젝트에 적용하기 위해 사용하게 되었다 하지만 지금 다니는 회사에서는 jsx를 이용한 stylecomponent보다는 MUI를 이용한 디자인 컨벤션을 활용하여 전반적인 UI구조를 사용하고있다. mui는 무엇인가? materialUI 라고 불리던 MUI는 5버전으로 리뉴얼 되면서 기존의 materialUI라는 이름을 버리고 MUI라는 이름으로 바뀌었다. 4버전에서는 mate..
[HTML] SEO와 시멘틱 마크업 일을 하면서 SEO 그리고 시멘틱 마크업이라는 이야기를 많이 듣게 된다. 그렇다면 SEO와 시멘틱 마크업은 대체 무엇일까? 1. SEO란? 한국어로는 검색엔진 최적화, 영어로는 Serch Engine Oprimization을 줄여서 SEO라고 한다. 그렇다면 검색엔진 최적화를 위해서 우리는 어떻게 해야될까? 시멘틱 마크업을 통한 홈페이지 구조를 개선해야한다. 세계적으로 유명한 검색엔진인 google은 웹페이지 크롤링에 있어서 HTML마크업을 중요하게 고려한다고 한다. 그중에서도 title과 h태그로 쓰여지는 제목이 페이지의 주제를 알려주는 태그가 될수 있다고 한다. 크롤링 : 웹상을 돌아다니면서 정보를 수집하는 행위 근데 사실 SEO라는것이 일부 검색엔진에서는 크게 작용하지 못하는경우가 있다. 우리나라에..

반응형