서버로 부터 HTML,CSS를 다운받아 렌더링 엔진에 의해 HTML,CSS 문서를 파싱하고 노드로 변환하여 각 노드 별로 트리구조인 Object Model를 만든다. HTML은 DOM(Document Object Model)을 CSS는 CSSOM(CSS Object M

회사에서 Chart.js를 사용하여 금융 데이터 시각화 부분을 개발했었다. Vue에서 Chart.js를 처음 사용하는 분들을 위해 글을 작성해 보겠다.처음 시각화했을 때 Plotly.js를 사용하여 개발을 했었다. Plotly.js도 문서화가 굉장히 잘 되어있고 예제

스코프는 다른 언어뿐만 아니라 자바스크립트에서도 중요한 개념이다. 스코프에 대해 알아보자!스코프(scope)는 사전적 의미로 범위를 뜻한다. 하지만 자바스크립트에서 아래와 같은 의미를 갖는다.스코프는 식별자를 참조할 수 있는 유요한 범위이다. (식별자는 변수, 함수

인턴을 하면서 프론트 개발을 할 때 마주치는 게 비동기이다. 비동기를 하는 이유는 대용량 데이터를 빠르게 처리하여 block 상태에 빠지지 않게 하기 위해서다.(브라우저는 block이 되면 치명적이다.) 그러다 보니 자연스레 자바스크립트로 비동기를 처리하는 다양한 함

자바스크립트 런타임 환경은 자바스크립트 엔진, WEB APIs, Callback Queue, Event Loop으로 구성되어 있다.이 글을 쓰기에 앞서 자바스크립트에 대해 간단하게 설명하고 넘어가겠다. 자바스크립트 런타임에 앞서 이해하고 넘어가야 할 콜스택과 Non-B

회사에서 스크롤할때 따라다니는 메뉴를 구현했었다. 구글링을 했었지만 자료가 부족하여 이번 블로그를 통해 개발했던 내용을 정리하고자 한다. vuetify v-scroll 맨처음에 이벤트리스너를 사용하여 스크롤 이벤트를 감지하도록 했었지만 vuetify에서 제공하는 S

이글은 2022년 여름방학 동안 인턴을 하면서 느꼈던 것을 적었습니다.4학년 여름방학 인턴을 하면서 처음으로 Vue.js 접했다. 처음엔 서비스를 개발하면서 걍 기술스택을 Vue.js를 쓰기 때문에 아무생각없이 썼지만 인턴이 연장되면서 계속해서 Vue.js를 사용하게