![]()
* 이 글은 드림코딩 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 - 자바스크립트의 원시 ..
![]()
등장배경 웹 어플리케이션이 점점 더 방대해지는 패러다임속에서 살아가면서 코드의 양도 동시에 많아지고 있다. 이로 인해 작성하는 코드들에 대한 정리가 필요해졌고, 클린 코드라는 용어가 나올정도로 코드의 가독성은 개발자들 사이에 중요한 요소로 자리잡게 되었다. 코드가 읽기 쉬워지면 더 효율적으로 일을 하는데 도움이 되고, 개발자끼리의 코드 해석 또한 빠르게 공유할 수 있는 전제를 만들어 내기 때문에, 여러가지 방법론들이 등장하게 되었다. BEM(Block Element Modifier) CSS 구조를 개선시키기 위한 CSS 개발 방법론 중에 하나인 방법론이다. 이는 문제의 요소에 대한 근거하는 클래스의 이름을 짓는데 구조적인 방법을 제시하는데, 오직 클래스명에만 활용할 수 있다는 점을 명심해야 한다. 클래스..
