[Computer Science] 프론트엔드 사이드를 구성하는 요소

프로그래밍이란

컴퓨터와 소통하는 한 방법

이를 통해 컴퓨터에게 전달하는 정보를 어떻게 보여주고 제어할지 결정할 수 있음.

이 과정에서 다양한 프로그래밍 언어를 사용하는데, 웹 개발의 경우 브라우저와 소통하기 위한 언어들을 사용한다.

프로그래밍 언어는 컴퓨터에게 명령을 내리고, 그 결과를 사용자에게 보여주는 데 필수적이다.

 

대표적인 프론트엔드 언어

HTML (HyperText Markup Language) : 

• 웹 페이지의 구조를 만드는 데 사용되는 마크업 언어.
• 정보나 설계도와 같은 역할.
• 웹 페이지의 제목, 문단, 이미지, 링크 등의 콘텐츠를 정의하고 구조화하는 데 사용

CSS: 

• 웹 페이지의 디자인이나 스타일링을 담당.
• HTML로 만들어진 웹 페이지의 구조에 색상, 글꼴, 레이아웃 등의 시각적 스타일을 적용
• 디자인을 개선하고 사용자 경험을 향상시킴.

JavaScript: 

• 웹 페이지에 기능과 효과를 추가하여 동적이고 상호작용이 풍부한 경험을 제공.
• 사용자가 버튼을 클릭했을 때 팝업을 표시하거나, 스크롤에 따라 요소가 나타나는 효과, 데이터를 서버로부터 불러와서 웹 페이지에 실시간으로 표시하는 기능 등을 구현.

 

웹사이트 제작시 고려사항

• 웹 표준: 웹 사이트를 작성할 때 따라야 하는 공식 표준이나 기술 규격
• 웹 접근성: 장애의 여부와 상관 없이 모두가 웹사이트를 이용할 수 있게 하는 방식
• 크로스 브라우징: 모든 브라우저 또는 기기에서 사이트가 재대로 작동하도록 하는 기법