[Front-end] 웹 개발의 기초

💡웹 개발이란?

다들 한 번쯤은 들어봤을 웹 개발이 대체 무엇을 하는 것인지 알아보자
웹 개발은 웹 브라우저 화면에 보이는 겉모습을 포함하여 서비스와 기능을 모두 담은 것이다. 즉, 정적사이트+동적사이트 개발이다

프런트엔드 개발 영역

웹 개발은 프런트엔드와 백엔드로 나눌 수 있다.
오늘은 그 중 프런트엔드에 대해 알아볼 것이다.
프런트엔드는 사용자에게 보이는 영역으로 웹사이트를 디자인하거나 사용자 동작에 반응하는 기능을 만드는 것이다. 이를 위해 HTML, CSS, JavaScript를 활용한 리액트, 뷰, 앵귤러 등을 사용한다.

• HTML은 웹의 뼈대를 형성하는 것으로 웹 브라우저의 제목과 본문, 이미지, 표와 같은 웹 요소를 알려주는 역할을 한다.

• CSS는 HTML로 만든 내용을 사용자가 알아보기 쉽게 꾸미거나 사용하기 편리하도록 배치할 때 사용한다. 특히, 태블릿PC나 모바일 화면 등 다양한 디바이스에 따라 화면을 자동으로 바뀌는 반응형 웹 디자인을 만들 때 필요하다.

• JavaScript는 사용자의 동작에 반응하는 동적인 효과를 사용할 때 필요하다. 또, 위에서 말한 리액트와 같은 프레임워크를 사용할 때 자바스크립트의 기본 문법을 알고 있으면 활용이 쉬워진다.

-- 추가할 내용 생길 경우 아래로