웹 구조 Web | 프론트엔드 개발: UI(User Interface)와 GUI(Graphic User Interface)

 

⭕ 웹 구조 Web | 프론트엔드 개발: UI(User Interface)와 GUI(Graphic User Interface)

• 프론트엔드 개발은 웹 개발의 가장 전면적인 부분
• HTML, CSS, JavaScript 기술을 활용하여 데이터를 그래픽 사용자 인터페이스(GUI)로 변환하고 사용자와 상호 작용하게 하는 과정
• 프론트엔드 개발자는 사용자가 직접 보고 경험하는 웹 페이지의 실질적인 구축을 담당함

 

➡️ UI(User Interface)

• 사용자와 컴퓨터가 정보를 주고받기 위해 사용자와 프로그램이 상호 작용하는 프로그램의 일부분

 

➡️ GUI(Graphic User Interface)

• 사용자가 그래픽을 통해 컴퓨터와 정보를 교환하는 환경
• 이전까지 사용자 인터페이스는 키보드를 통해 명령어로 작업을 수행하였지만, GUI에서는 마우스 등을 이용하여 화면의 메뉴 중 하나를 선택하여 작업을 수행함
• 마이크로소프트의 Windows, 애플의 Mac 운영체제 등이 존재함

 

➡️ UI(User Interface)와 GUI(Graphic User Interface)

• GUI는 UI의 한 종류로 사용자가 전자기기를 작동하기 위한 화면임
• 일상생활에서 접하는 터치스크린들이 GUI에 해당함
• GUI는 아이콘, 컬러, 레이아웃 등 시각적 요소를 활용해 서비스의 UI를 개선함