jyeongpark

계산기 만들기 맥북 기본 계산기를 보고 계산기 목업을 만들기. html부터 css까지!! 일단 큰 계산기라는 div 안에 숫자를 보여주는 display와 버튼이 있는 buttons로 나눈다. calculator의 넓이와 높이는 332px, 500px로 지정하고 display:flex를 해 준다. //calculator.html 0 그 후 buttons 안에 5개의 button__row를 만든 후 버튼을 하나하나 삽입한다. 삽입 후 css를 적용한다. 0 AC / 7 8 9 * 4 5 6 - 1 2 3 + 0 . = 최종 완성 목업은 위의 캡쳐본과 같다. 이젠 display:fles를 적용시켜 css를 완성할 수 있다. hover기능과 active기능도 추가 가능해서 버튼에 마우스가 올라갔을 때 버튼이 눌..

CSS (Cascading Style Sheets) HTML로 웹 페이지의 구조를 잘 세우고 나서, 더 나은 User Experience 를 제공하기 위해 CSS로 UI 및 레이아웃을 적절히 구성하며 웹 페이지를 완성해야 좋은 웹 개발자가 될 수 있다. 사용자 인터페이스(UI; user interface) 사용자 인터페이스 또는 유저 인터페이스(영어: user interface, UI)는 사람(사용자)과 사물 또는 시스템, 특히 기계, 컴퓨터 프로그램 등 사이에서 의사소통을 할 수 있도록 일시적 또는 영구적인 접근을 목적으로 만들어진 물리적, 가상적 매개체를 뜻한다. 사용자 인터페이스는 사람들이 컴퓨터와 상호 작용하는 시스템이다. 사용자 인터페이스는 물리적인 하드웨어와 논리적인 소프트웨어 요소를 포함한다..