Hyundolog

학습목표 저는 조금 어리석게도, 순수 자바스크립트에 대한 개념이 확립되지 않은 상태로 SPA 프레임워크 학습부터 시작하였습니다. 때문에 React.js, Vue.js를 경험하면서 필요한 구문만 외워서 사용하였고, 스스로가 자바스크립트 개발자라 할 수 없다고 판단하였습니다. 이번 기회에 자바스크립트 개발을 시도해 봤다면 한 번 쯤은 들어봤을 바닐라 자바스크립트(Vanilla Javascript)가 무엇인지 알아보고자 하였습니다. 바닐라 자바스크립트의 정의 바닐라 자바스크립트의 홈페이지에 접속하면 다음과 같은 문구를 확인할 수 있습니다. 즉, 빠르고 가벼운 우수한 크로스 플랫폼 프레임워크라고 설명하고 있습니다. 사실, 바닐라 자바스크립트는 순수한 자바스크립트를 대신하여 사용하는 말이 될 수 있습니다. 바닐라..

학습목표 자바스크립트의 동작원리는 어떻게 되며 어떠한 특성을 가지는지 알아보고자 하였습니다.🤔 비동기와 동기를 왜 이해해야 하는지, 자바스크립트 엔진에는 어떤 요소들이 숨어있는지에 대한 개념 학습이 필요하다고 판단하였습니다. 자바스크립트의 스레드 먼저, 자바스크립트는 싱글 스레드 기반으로 실행됩니다. 우리는 보통 다중 작업을 필요로할 때, 분업을 통해 효율적으로 처리합니다. 포털사이트 검색창에 'cpu' 를 검색해보면 대강 '4코어 8스레드', '8코어 16스레드' 와 같은 설명을 볼 수 있습니다. 즉, 프로그램이 실행될 때 다중 작업이 발생할 수 있는데 이는 각 스레드에 분산되어 처리(멀티태스킹)되곤 합니다. 그렇다면, 1개의 스레드로 동작하는 자바스크립트는 어떻게 작업의 효율성을 높일 수 있을지 의문..

학습목표 Vue.js 를 활용한 프론트엔드 개발을 진행하면서, 자바스크립트 구현 수준을 향상시킬 필요가 있다고 느꼈습니다. 평소에 잘못 사용하고 있거나 효율적이지 못한 부분들을 개선하고자 시작하게 되었습니다. 먼저, 자바스크립트의 탄생 배경부터 개념까지 알아보고자 하였습니다. 정적·동적 언어 우리는 HTML과 CSS를 사용하여 쉽고 빠르게 웹 페이지를 만들어낼 수 있습니다. 하지만, HTML과 CSS는 정적인 언어이기 때문에 화면(웹 페이지)의 특정 부분을 변경하기 어렵습니다. 쉽게 말해서 어떠한 조작에 의해 화면의 일부분 혹은 전체를 변경해야할 때 동적인 언어의 도움이 필요합니다. 예를 들어, 마우스 혹은 키보드를 이용하여 버튼을 누르고 알림창을 띄우는 등의 행위를 떠올려보면 됩니다. 초기의 웹 페이..