[Web] HTML, CSS, JS, Python 설명 요약

웹 표준 기본 구조

1. HTML

1.1 HTML이란?

• HTML : Hyper Text Markup Language (하이퍼텍스트 마크업 언어)▪️ Markup Language : 문서의 구조를 표현하는 역할
• Hyper Text : 참조(하이퍼링크)를 통해 한 문서에서 다른 문서로 즉시 접근할 수 있는 텍스트
• 쉽게 말해, HTML은 웹을 만들기 위한 가장 기초적인 언어
• 프로그래밍 언어는 아니고 문서의 골격이라고 보면 됨

1.2 프로그래밍 언어 vs 마크업 언어

• 프로그래밍 언어▪️ 내가 의도한 바를 정확하고 효율적으로 기계가 수행할 수 있도록 하는 것
• ▪️ 요리 레시피 같은 느낌
• ▪️ 문제를 해결하기 위해 컴퓨터에게 처리 방법과 순서를 정해주는 명령문을 작성하는 언어
• 마크업 언어
• ▪️ 구조를 정하는 언어

 

2. CSS

• CSS : Cascading Style Sheet (캐스캐이딩 스타일 시트)▪️ Style Sheet : 글꼴의 크기, 모양, 컬러, 문단 설정 등 미리 정의해 스타일로 만들었다가 웹 문서의 본문에 그 스타일을 참조하여 사용하는 기능
• ▪️ Cascading : 계단식, 위에서 아래로 흐르는
• HTML이라는 골격에 붙는 살이 CSS

 

3.JavaScript(JS)

3.1 JS란?

• JS : HTML, CSS로 만들어진 정적인 페이지를 동적으로 만들어주는 언어
• HTML이 골격, CSS가 살이면, JS는 근육(행동)

3.2 JS랑 Java가 연관이 있나요??

• 1990년대에 인기 있었던 Java의 명성에 힘입기 위해 이름을 따온 것 외에는 연관성이 없어요!

 

4. Python

4.1 Python이란?

• 1991년 귀도 반 로섬이 크리스마스에 발표한 고급 프로그래밍 언어
• 2019년 가장 인기있는 언어 (인기≠사용 ⇒ C나 Java가 더 많이 사용됨)

저급 프로그래밍 언어 또는 로우 레벨 프로그래밍 언어 (low-level programming language)란 컴퓨터가 이해하기 쉽게 작성된 프로그래밍 언어로, 일반적으로 기계어와 어셈블리어를 일컫는다. 실행속도가 매우 빠르지만 배우기가 어려우며 유지보수가 힘든 것이 단점이다. 현재는 특수한 경우가 아니면 사용되지 않는다. (출처 : 위키디피아)

4.2 왜 주목받을까?

1. 배우기가 쉽다.
   • 명령어를 정해진 Python 문법에 잘 맞게 입력한다면 내가 원하는 결과를 얻을 수 있음
2. 쉽고 빠르게 개발 가능
   • 컴파일러 언어 : 코드 전체를 기계어로 변환하여 실행하는 언어 - C
   • 인터프리터 언어 : 소스 코드르 한 줄 단위로 변환하고 실행하는 언어 - Python
   • 한 줄을 읽고 한 줄을 실행하기 때문에 다른 컴파일러 언어보다는 속도감 있게 개발 가능 (실행 속도가 빠르지는 않음. 인터프리터 언어보다 컴파일러 언어가 컴퓨터에게 더 친숙함)
3. 무료에 엄청난 커뮤니티 보유
   • 파이썬은 오픈 소스 (오픈 소스 : 저작권자가 소스 코드를 공개하여 누구나 별 다른 제약 없이 자유롭게 사용, 복제, 수정할 수 있는 소프트웨어)
   • Google이나 YouTube에 Python이라고 검색만 해도 많은 자료를 볼 수 있음
4. 파이썬으로 할 수 있는 것들이 너무나 많음
   • 데이터 분석, 업무 자동화, GUI 프로그래밍, 웹 프로그래밍, 시스템 유티릴티 제작, IoT, 인공지능, Game (간단한 게임) 등
   • 파이썬을 이용하는 기업/정부 기관 : YouTube, Google, yahoo!, NOAA, kakao, NASA

Life is too short, use Python.
인생은 짧으니, 파이썬을 사용하세요.