FrontEnd
-
2장 자바스크립트란?FrontEnd/JavaScript 2021. 12. 1. 17:06
2.1 자바스크립트의 탄생 1995년 가장 높은 점유율로 시장을 지배하고 있던 넷스케이프 커뮤니케이션즈에서 웹페이지의 보보적인 기능을 수행하기 위해 브라우저에서 동작하는 경량프로그래밍 언어를 도입하기로 결정한다. 만든 사람은 브렌던 아이크(Brendan Eich)이다. 2.2 자바스크립트의 표준화 이후 MS에서 자바스크립트의 파생 버전인 "Jscript"를 인터넷 익스플로러3.0에 탑재한다. 그러나 Jscript와 자바스크립트가 표준화되지 못하고 적당히 호환된 것이 문제였다. 이로인해 크로스 브라우징 이슈가 발생하기 시작했고 모든 브라우저에서 동작하는 웹개발이 무척 어려워졌다. 넷스케이프 커뮤니케이션즈는 컴퓨터 시스템 표준을 관리하는 ECMA인터내셔널에 Javascript표준화를 요청한다. 이후 ECMA..
-
1장 프로그래밍FrontEnd/JavaScript 2021. 12. 1. 00:27
1.1 프로그래밍이란? 컴퓨터에게 실행을 요구하는 일종의 Communication이다. 무엇을 실행하고 싶은지 정의가 필요하며, 이때 요구되는 것은 문제 해결 능력이다. 정확하고 상세하게 요구사항을 컴퓨터에게 설명할 수 있어야 한다. 이때 필요한 것이 Computational thinking(컴퓨팅 사고)이다. 1.2 프로그래밍 언어 컴퓨터는 기계어를 받아들이는데 기계어를 전달할 가장 유용한 대안은 사람이 이해할 수 있는 약속된 구문으로 작성된 프로그래밍 언어를 사용하여 컴퓨터가 이해할 수 있는 기계어로 변환하는 일종의 번역기를 이용하는 것이다. 이것을 우리는 컴파일러 혹인 인터프리터라고 부른다. 1.3 구문과 의미 문법에 맞는 문장을 구성하는 것은 물론 의미를 가지고 있어야 언어의 역할을 충실히 수행할..
-
[CSS]CSS 기본 지식을 알아보자 - CodeHan의 코딩공부FrontEnd/CSS 2021. 11. 22. 12:59
CSS란? : Cascating Style Sheet의 약자로 HTML이나 XML로 작성된 문서의 표시방법을 표기하기위한 Style sheet이다. CSS적용 Rule Author Style > User Style > Browser와 같은 순서로 Style이 지정된다. CSS Selector 1. Universial : * / 모든 태그를 지정하는 것 2. Type : Tag / 태그를 고르는 것 3. ID : #id / 해당하는 ID만 고르는 것 4. Class : .class / 해당하는 Class만 고르는 것 5. Attribute : [] / 해당하는 속성만 고르는 것 CSS Layout 1. Block : 하나의 큰 상자같은 개념으로 1줄에 1개만 놓을 수 있다. 2. inline : 상자 안에..
-
[HTML]HTML에 대한 기본 정보를 알아보자 - CodeHan의 코딩 공부FrontEnd/HTML 2021. 11. 21. 07:28
HTML이란 무엇인가? : Hyper Text Markup Language이다. 우리가 보는 웹페이지가 어떻게 구조화되어 있는지 브라우저로 하여금 알 수 있게 하는 마크업 언어이다. HTML에서 가장 중요한 것은? : TAG. 와 같은 구조로 이루어져 있다. 와 로 시작과 Tag의 끝을 가리킨다. 자주 쓰이는 Tag : 진하게 : 줄바꿈 : 같은 줄바꿈인데 br과 달리 block Level이다. : 순서가 있는 리스트 : 순서가 없는 리스트 : ol, ul 안에 있는 자식 Tag : 본문을 설명하는 Tag : 웹에 meta Data를 기입하는 Tag이며 웹에 표시되진 않는다. : 웹의 제목 : 웹의 본문 : 이미지 File을 사용할 수 있는 Tag ...이외 다양한 Tag들이 있고, 추가로 공부를 하고싶..