Life and IT

모든 HTML 요소는 박스 모양으로 구성되어있다. 이것을 박스 모델이라고 부른다. 나는 css를 다루며 padding, margin, border를 흔하게 사용해왔는데, 박스 모델은 이 세 가지에 내용(content)을 더해 구성되어있다. 또한 박스는 width, height 속성을 가지고 있다. 이 두 속성은 내용 부분을 대상으로 적용된다. 따라서 padding, margin, border의 크기는 포함되지 않는다.

요소를 안 보이게 하고 싶은 순간이 있다. 3가지 방법이 있는데, 디스플레이에 출력 자체를 안 할 수도 있고 공간은 차지하면서 보이지 않게 할 수도 있다. 아래의 표에 정리해보았다. 속성 공간 차지 클릭 가능 여부 opacity: 0 O O visibility: hidden O X display: none X X 본인의 의도에 맞게 위 세 가지 속성을 사용해보자!

UI와 API UI는 사용자와 기기, 사용자와 웹사이트 및 애플리케이션이 만나는 접점을 뜻하고, UI 디자인은 사람과 만나는 시스템의 외형과 화면 구조, 버튼 모양 등을 설계하는 것을 뜻한다. API는 시스템과 시스템이 만나는 경계면에서 시스템이 지켜야 할 약속을 정해둔 것이다. 사용자 인터랙션과 UX(User Experience) 인터랙션은 사용자가 인터페이스를 통해 시스템을 이용하는 일련의 상호 작용을 말한다. 웹사이트 버튼을 누르는 것처럼 사용자가 직접 시스템을 조작하고 결과를 확인하는 능동적 인터랙션 연주되는 음악을 듣거나 영화를 보는 것 같은 수동적 인터랙션 사용자 경험(UX)은 제품을 사용할 때 사람들이 마주하는 다양한 경험을 설명한다. 좁은 의미로는 서비스 경험, 콘텐츠 경험이며, 넓은 의미..