jhhan의 블로그

이번 시간에는 Web Components에 대해서 알아보겠습니다. html 코드를 작성하다 보면, 혹은 살펴본다면 div 태그들을 많이 쓰는 것을 볼 수 있습니다. 근데 실제로 이 div 태그들을 계속해서 쓰는 것이 귀찮을 수 있습니다. 그런 것들을 모아서 하나의 새로운 태그로 만드는 것도 괜찮지 않을까요? 바로 Web Components라는 문법을 사용하면 가능하다고 합니다. 참고로 이것은 브라우저에서 지원해주는 기능입니다. 그리고 js 문법으로 구현할 수 있어서 js를 사용해서 진행합니다. 1. 커스텀 태그 만들어보기 만들어보고자 하는 커스텀 태그가 없다면 다음의 커스텀 태그 예시를 살펴보겠습니다. label 과 input 태그가 같이 나오는 그런 태그를 만들어보겠습니다. class LabelAndI..

이번 포스트에서는 웹브라우저 동작 원리에 대해 간단하게 알아보려고 합니다. 요즘은 node.js가 나왔기 때문에 js 구동을 어디서든지 할 수 있지만, node.js가 나오기 전에는 js 구동이 제한적인 걸로 알고 있습니다. 그리고 그 제한적인 곳 중 하나가 브라우저 입니다. js 코드를 열심히 작성하고 나서 js가 잘 실행되는지 확인하는 곳이 브라우저라는 것은 js 개발을 한 번이라도 해봤으면 아실 것입니다. 그렇기 때문에 브라우저에서 js가 어떤 식으로 동작하는지 안다면 js 개발을 좀 더 효율적으로 할 수 있지 않을까요 ㅎ 1. 브라우저 브라우저는 c++로 구현되어 있다고 합니다.(확인 필요) 그리고 브라우저는 stack과 queue라는 공간을 가지고 있다고 합니다. 여기서 stack은 코드를 실행..