![]()
#1 HTML5란 기존 HTML에서의 스타일 지정과 관련된 태그와 속성이 대부분 제거되고 새로운 태그가 추가되면서 문서의 내용 표현에 보다 집중할 수 있도록 발전하였다. 또한 HTML5가 제공하는 태그와 속성만을 의미하는 것이라기보다는 콘텐츠의 내용과 형식을 표현하기 위한 HTML5, 콘텐츠의 표현 방법을 정의하는 CSS3, 그리고 각종 API를 통해 기능을 표현하는 자바스크립트를 통칭하는 것이다. 따라서 단순히 개별적인 내용의 이해에만 국한되는 것이 아니라 이들 간의 협업 관계를 이해하고 활용하는 것이 중요하다. #2 HTML5 디자인 원칙 - 기존 HTML 콘텐츠나 이전 브라우저 등과의 호환성을 위해, 기술의 혁신을 통한 새로운 언어의 구현이 아닌 진화를 통해 기존 HTML의 문법과 이용방법을 최대한..
![]()
* 이 글은 드림코딩 by 엘리님 유투브 https://www.youtube.com/channel/UC_4u-bXaba7yrRz_6x6kb_w 참고하였습니다. #1: 에 를 추가할 때 @1-1 순서 html 코드를 구문분석하다가 javaScript 코드를 만나면 잠깐 blocked 합니다. javaScript 코드를 fetching, executing을 거칩니다. 다시 html 코드를 구문분석합니다. @1-2 장, 단점 만약 js파일에 크기가 엄청크고, 인터넷이 엄청 느리다면, 사용자가 웹사이트에 접근하기까지 많은 시간이 소요됩니다. header에 script 코드를 넣는 것은 좋은 방법이 아닙니다. #2: 끝 부분에 를 추가할 때 @2-1 순서 html 코드를 구문분석합니다. javaScript 코드를..
![]()
* 이 글은 https://www.freecodecamp.org/news/javascript-new-features-es2020/ 번역하였습니다. ES2020 새로운 features들이 추가되었습니다. 우리들은 이 새로운 기능과 개선된 사양을 수용해야합니다. 무엇이 바뀌었는지 함께 알아봅시다. #1: BigInt BigInt는 이미 예상된 features 였고, 결국에는 추가되었습니다. BigInt는 개발자 들이 data들을 다루거나 가공할 때 훨씬 더 큰 정수표현을 할수 있게끔 허용해주는 것입니다. JavaScript에서 가장 정수를 표현할 수 있는 정도는 pow(2,53) -1 입니다. 그러나 BigInt는 그 이상을 넘어서 더 큰 정수를 표현할 수 있도록 해주는 유용한 기능입니다. 한가지 유의할 부..
![]()
* 이 글은 제로초님의 타입스크립트 강의를 참고하였습니다. 타입스크립트에 대한 모든 정보는 공식문서를 참고하면 되지만, 이렇게 따로 정리하는 이유는 공식문서에 쓰여져 있는 모든 문법들이 매 사용되는 것이 아니라는 점과 그 중에서도 자주 쓰이고, 중요하게 생각되는 문법들을 따로 정리할 필요가 있다고 생각되었기 때문이다. 그렇기 때문에 타입스크립트의 대한 자세한 정보를 알고 싶다면, 공식문서를 참고하는 것이 더 좋은 방법이라 생각이 된다. 아래 주소는 타입스크립트의 공식 문서 사이트이다. https://www.typescriptlang.org/docs/home.html Documentation · TypeScript www.typescriptlang.org 1. Basic shape - 자바스크립트의 원시 ..
