Component Develop Component Driven Development 여러 팀과 같은 UI Component를 공유한다면 Component 단위 개발이 중요합니다. 재사용할 수 있는 UI Component를 미리 디자인하고 개발하면 이런 고민을 해결할 수
레고처럼 조립해 나갈 수 있는 부품 단위로 UI 컴포넌트를 만들어 나가는 개발을 진행 할 수 있습니다.CDD를 지원하는 도구 중 하나가 Component Explorer입니다. UI 개발도구가 다양하게 있고 그 중 하나가 Storybook 입니다.각각의 컴포넌트들을 따
Wireframe (와이어프레임) 이란? 웹 또는 앱 개발을 할 때 레이아웃의 뼈대를 그리는 단계를 와이어프레임이라고 합니다. 단순한 선이나 도형으로 웹, 앱 인터페이스를 시각적으로 묘사하는 것 입니다. 단순하게, 레이아웃과 제품의 구조를 보여주는 용도입니다. (효과,
CSS를 통해 콘텐츠를 원하는 위치에 배치하는 것을 넘어, 화면 설계의 기본을 알아보는 시간. CSS를 잘하기 위해서는 #과 . 의 차이를 이해해야하고, 절대 단위와 상대 단위를 구분할 수 있어야 합니다. id를 선택할 때는 #을 사용하고 class를 선택할 때는
CSS? HTML이 웹 페이지의 구조를 담당한다면, CSS는 구조의 외부와 내부를 꾸미는 역할을 담당합니다. CSS파일을 적용하여 전혀 다른 웹사이트로 탈바꿈할 수 있습니다. CSS 스타일링 화려함만을 위해 CSS를 사용하는 것이 아닙니다. 콘텐츠의 배치와 위치, 텍
HTML웹 페이지의 구조를 담당하는 언어CSS디자인 요소를 시각화하는 언어JS단순한 웹페이지를 프로그램으로 만들어 User와 상호작용을 도와줌자주 사용되는 HTML 요소 (Element)div, span, ul, ol, li 에 대해서 알아보자.div => Divisi