[패스트캠퍼스 수강 후기] 파이썬 인강 자기계발 챌린지 18 회차 미션

패스트캠퍼스 파이썬 웹개발 올인원 패키지 후기(18)

파이썬 웹개발 올인원 패키지 18 일차 후기 겸 학습기록 입니다.

오늘부터 본격적인 프론트엔드 공부를 시작하게 된 것 같아요.

프론트엔드 3총사 HTML, CSS, Javascript에 대하여 간략하게 알아보았습니다.

제 학습기록을 살펴 보시죠!

 

HTML

패스트 캠퍼스 파이썬 인강 : 파이썬 웹개발 올인원 패키지 중 HTML 강의

HTML은 여는 태그와 닫는 태그로 되어 있다. 컨텐트 영역은 실제로 화면에 표시되는 영역

여는 태그와 닫는 태그 사이에 있다. 태그를 포함한 영역을 요소(element)라고 합니다.

닫는 태그가 없는 경우도 있다.(예 : img 태그) 이런 태그를 빈 요소 라고 합니다.

속성(attribute)은 요소의 성질을 정의하는 명세.(이미지 파일 경로, 대체 텍스트와 같이 추가 정보 제공)

 

HTML 의 역학과 책임은 콘텐츠의 구조를 나타내는 것!

태그의 구조와 특성을 파악해 그래픽으로 보여 줍니다.다.(파싱, Parsing)

 

HTML의 역사

1. 초기 HTML은 문서 구조를 형성하는 역할만 담당(폰트, 문자색상, 이미지 출력기능 은 없음)

2. 90년대 중반 이후 다양한 브라우저 탄생 > 브라우저 제조사 마다 고유한 HTML 고안

3. 콘텐츠의 의미 부여 및 문서 구조 형성 역할의 고유 역할이 모호 해짐 + 호환성 문제 발생

4. W3C에서 웹 표준을 정립! : CSS 발표

5. 초기에는 서드파티 플러그인(Activx, Flash 등)이 많이 사용

6. 점점 발전하여 현재는 HTML5 탄생

 

W3C : 월드 와이드 웹을 위한 표준을 개발하고 장려하는 조직

 

CSS

패스트 캠퍼스 파이썬 인강 : 파이썬 웹개발 올인원 패키지 중 CSS 강의

CSS  : 시각적으로 꾸며주는 역할

 

 - 개발자들이 서로 다른 부분을 개발

 - 유지보수 쉬워짐

 - 검색엔진, 스크린리더 등 기계가 정보를 이해하기 쉬움

 - 성능 향상

 

CSS는 원리를 알고 코딩하면 어렵지 않다고 합니다. 하지만 저는 아직도 어렵네요..ㅜ

 

 

Javascript

패스트 캠퍼스 파이썬 인강 : 파이썬 웹개발 올인원 패키지 중 Javascript 강의

 

JavaScript : 웹 페이지를 동적으로 만든데 사용되는 프로그래밍 언어

 

초기에는 웹페이지는 정적 상태였고, 모든 상호작용은 서버와의 통신을 통해서만 가능

자바스크립트로 인해서 서버와의 통신 없이도 동적으로 웹페이지를 꾸며줄 수 있게 되었습니다.

또한 브라우저에서 정보를 좀 더 복잡하게 표시할 수도 있게 되었습니다.

 

 

이렇게 HTML, CSS, Javascript에 대해서 아주 간략하게 알아보았습니다.

다음 시간에는 Codepen 사용방법에 대해 알아보고 본격적인 코딩 수업에 들어갈 예정입니다.

HTML의 태그 하나하나에 대해 천천히 살펴 볼 수 있을 것 같네요.

어렵게만 느껴졌던 프론트엔드 삼총사, 패스트 캠퍼스 파이썬 인강을 통해 이제 마스터해보겠습니다!

감사합니다!

 

패스트캠퍼스 파이썬 인강 자세한 내용은 아래 링크를 참고해 주세요!

 

https://bit.ly/2WG0IXN