Front-End/HTML

[HTML] HTML 기본 개념

찐코딩 2021. 10. 6. 09:17

UI(User Interface)

- 사용자가 특정 콘텐츠를 이용할 때 만나는 점접, 즉, 사용자 경험을 말함
- 에를 든다면, 게시판에 접근할 때 A라는 웹 페이지는 메뉴를 3번 클릭해야 하는데,
B라는 웹 페이지에서는 1회만 클릭하여도 된다면 B라는 웹 페이지의 사용성이 더 좋다고 말함.
이 처럼 특정 UI를 이용하여 콘텐츠를 사용할 때 느끼는 모든 사용자의 경험을 UX라고 말함

인터렉티브 UI / UX

- 사용자와 상호 작용하는 여러 모션과 동적인 콘텐츠를 사용하는 환경을 말함
- 예를 든다면 모바일 환경에서 화면을 좌우로 밀면 콘텐츠 화면이 슬라이드 되면서 바뀌거나
웹 페이지에서 특정 버튼을 클릭하면 모션이 나타나 방문자의 시선을 끄는 환경을 말함

* HTML : 웹 페이지의 골조(뼈대) 부분을 담당
* CSS : 뼈대만 있어 밋밋한 페이지를 보기 좋게 디자인
* 자바스크립트 : 웹 페이지를 방문한 사용자가 편하게 이용할 수 있도록 웹에 다양한 기능 부여

웹 에디터 

- 웹 브라우저에 결과물을 보여주려면 HTML과 CSS 코드를 작성할 수 있는 편집기가 필요.
- 집을 지으려면 건축 자재와 연장이 필요하듯 웹에서도 어떤 공간을 만들려면
HTML, CSS가 있어야 함
- HTML, CSS와 같이 코드를 편하게 작성할 수 있는 프로그램이 바로 웹 에디터
- 그리고 이러한 코드를 효율적으로 입력할 수 있게 해주는 도구를 웹 에디터라고 함
- 웹 에디터에는 노트패드, 에디트플러스, 서브라임 텍스트, 브라켓, 비주얼 스튜디오 코드, 이클립스(EE)등이 있음