<WEB DEVELOPMENT - 0001> front-end?

개발일지·2023년 3월 6일
0

WEB DEVELOPMENT

목록 보기
1/1
post-thumbnail


Front-end

프론트엔드(Front-end) 는 웹 사이트나 애플리케이션의 사용자 인터페이스(UI) 를 구성하는 부분을 말한다.
즉, 사용자가 보는 부분을 담당하는 기술적인 영역이다.


프론트엔드는 주로 HTML, CSS, JavaScript 와 같은 웹 기술을 사용하여 웹 페이지를 구성하고, 브라우저에서 실행된다.
HTML은 웹 페이지의 구조를 정의하고, CSS는 디자인을 담당하며, JavaScript는 상호 작용과 동적인 기능을 구현한다.


  • HTML?
웹 페이지의 구조를 정의하는 마크업 언어.

웹 페이지를 구성하는 요소(element) 를 정의하고, 각 요소의 내용을 표시한다.
예를 들어, HTML 을 이용하여 텍스트, 이미지, 비디오, 링크, 버튼, 입력 폼 등을 구성할 수 있다.
또한, 웹 페이지의 구조를 의미론적으로 표현하여 검색 엔진 등에서 검색 용이성을 높이는 역할도 한다.


  • CSS?
웹 페이지의 디자인과 레이아웃을 정의하는 스타일 시트 언어.

HTML 요소에 대해 적용할 스타일, 즉 글꼴, 색상, 배경, 패딩, 마진, 위치 등을 정의한다.
HTML 과 분리하여 관리할 수 있기 때문에, 디자인 변경이 필요할 때 HTML 파일을 수정하지 않고도 스타일 시트를 수정하여 변경할 수 있다.
또한, 반응형 웹 디자인(responsive web design, RWD) 을 구현하는 데도 중요한 역할을 한다.


  • javaScript?
웹 페이지의 동적인 기능을 구현하는 프로그래밍 언어.

HTML 문서에 포함된 요소를 선택하고 조작하는 기능을 가지고 있으며, 사용자 입력에 반응하거나 시간에 따라 동적으로 화면을 변경하는 등의 기능을 구현할 수 있다.
또한, 서버와의 통신을 통해 데이터를 받아오거나, 애니메이션과 같은 다양한 효과를 구현할 수 있다.


HTML은 웹 페이지의 구조를 정의하고, CSS는 디자인을 담당하며, JavaScript는 상호 작용과 동적인 기능을 구현한다.

프론트엔드 개발자는 주로 디자이너와 백엔드 개발자와 협업하여 웹 사이트나 애플리케이션을 개발한다.
디자이너가 제작한 디자인을 HTML, CSS 로 구현하고, 백엔드 개발자가 개발한 APIJavaScript 를 이용해 호출하여 데이터를 받아오고 화면에 표시하는 등, 사용자 경험(UX) 을 중심으로 웹 페이지를 개발하며, 이를 위해서는 HTML, CSS, JavaScript 와 같은 기술적인 지식 뿐만 아니라 사용자 경험에 대한 이해와 디자인적인 능력도 필요하다.



profile
아닐지

0개의 댓글