HTML/CSS/JS 웹 개발 시작

웹 개발

• 웹 브라우저 화면에 보이는 겉모습을 만드는 것이 전부가 아님
• 웹사이트에서 사용자에게 제공할 기능과 서비스까지 모두 담아야 함

서버 vs 클라이언트

서버

• 인터넷에 연결된 컴퓨터
• 웹 요소와 여러 정보가 저장

클라이언트

• 사용자가 웹 사이트에 접근할 때 사용하는 기기
• 웹 브라우저

프론트엔트 개발 vs 백엔드 개발

프론트엔드 개발

• 웹 브라우저 화면에 보이는 부분 개발 -> 웹 사이트 제작
• HTML, CSS, JS 사용

백엔드 개발

• 사용자 뒤 보이지 않는 영역, 서버를 다룸
• 데이터베이스를 설계하거나 데이터 처리
• 자바, 파이썬, PHP 등 프로그래밍 언어 사용

 

웹 개발의 기본

웹 문서의 뼈대를 만드는 HTML

•  웹 브라우저 창에 웹 문서의 내용을 보여주기 위한 약속
• HTML에서 약속한 표기법을 사용하여 문서 작성해야 함

웹 문서를 꾸미는 CSS

• 웹 문서를 꾸미거나 웹 요소를 적절하게 배치하는 방법
• 다양한 디바이스에 맞는 반응형 웹 디자인 만들기 위해 필수적 학습

사용자 동작에 반응하는 JS(자바 스크립트)

• 사용자 동작에 반응해서 동적인 효과를 만들기 위한 기술
• 자바스크립트 알고 있다면움 새로운 프레임워크는 배우기 쉬움

 

공부한 자료 -> 인프런 - Do it! HTML + CSS  + JS 웹 표준의 정석