Frontend/JavaScript (13) 썸네일형 리스트형 [JavaScript] 코어 자바스크립트 2장 - 실행 컨텍스트 (feat. 호이스팅, 스코프 체인) 아래 책을 읽고 정리한 내용입니다. http://www.yes24.com/Product/Goods/78586788 코어 자바스크립트 - YES24 자바스크립트의 근간을 이루는 핵심 이론들을 정확하게 이해하는 것을 목표로 합니다최근 웹 개발 진영은 빠르게 발전하고 있으며, 그 중심에는 자바스크립트가 있다고 해도 결코 과언이 아니 www.yes24.com 💡실행 컨텍스트를 정확하게 알면 자바스크립트의 동작 방식을 이해할 수 있다. 특히 호이스팅과 스코프 체인에 대해 이해할 수 있다. 실행 컨텍스트란? 실행 컨텍스트는 실행할 코드에 제공할 환경 정보들을 모아놓은 객체로, 일반적으로 함수를 실행(호출)할 때 구성된다. 함수가 호출되면, 해당 함수에 필요한 환경 정보들을 모아 컨텍스트를 구성하고, 이를 콜 스택에.. [JavaScript] 코어 자바스크립트 1장 - 데이터 타입 아래 책을 읽고 정리한 내용입니다. http://www.yes24.com/Product/Goods/78586788 코어 자바스크립트 - YES24자바스크립트의 근간을 이루는 핵심 이론들을 정확하게 이해하는 것을 목표로 합니다최근 웹 개발 진영은 빠르게 발전하고 있으며, 그 중심에는 자바스크립트가 있다고 해도 결코 과언이 아니www.yes24.com 💡 자바스크립트가 데이터를 처리하는 과정을 통해 기본형과 참조형 타입이 서로 다르게 동작하는 이유를 이해할 수 있다. 데이터 타입의 종류자바스크립트의 데이터 타입은 크게 두 가지가 있다.기본형 (Primitive Type)Number, String, Boolean, null, undefined, Symbol참조형 (Reference Type)Object (Ar.. [JavaScript] 시계 만들기 (feat. setInterval, Date, padStart) [바닐라 JS로 크롬 앱 만들기] 를 수강 후 정리한 내용입니다. 1. setInterval 첫 번째 인자에 반복적으로 실행할 함수를, 두 번째 인자에 시간을 넣으면 된다. 주기적으로 실행해야 할 함수가 있을 때 사용한다. setInterval(func, ms) //ms마다 func을 실행한다 참고) setTimeout setInterval과 사용법은 동일하다. 다만, 일정 시간이 지나고 딱 한 번 수행해야 할 일이 있을 때 사용한다. setTimeout(func, ms) //ms초가 지나고 func을 한 번 실행한다 2. Date 객체 자바스크립트에 내장되어 있는 객체로, 날짜를 표현할 때 사용한다. https://developer.mozilla.org/ko/docs/Web/JavaScript/Refe.. [JavaScript] 바닐라 JS가 기억이 안날 때 빠르게 복습하기 1. 개요 React만 주로 사용하다가 vanillaJS로 테스트를 봐야하는 상황에 놓였다. 분명 처음에는 JS로만으로 이것저것 할 수 있었는데, 지금은 프로젝트 구조는 어떻게 해야할지, 데이터 통신을 어떻게 하는지.. 기억이 전혀 나지 않는다😱. 즉, 이 글은 같은 상황에 놓일 미래의 나를 위해 정리해두는 글이다. 약 1년 반 전 수강했던 노마드 코더의 [바닐라 JS로 크롬 앱 만들기]를 다시 복습하면서 필요한 부분만 기록할 것이다. 2. HTML, CSS, JS 연결 이런 것까지 해야되나? 해야 된다. 지금의 나를 믿으면 안된다. 프로젝트 구조 > tree /f HTML에 연결하기 참고) js 파일을 연결하는 방법은 다양하지만 위의 코드를 기본값으로 기억하되, 추가로 여기서 4가지 방법을 자세히 설명.. [Javascript] LocalStorage는 데이터를 string으로 저장한다. 개요 LocalStorage를 이용해서 Object값과 Boolean 값을 저장해야 하는 상황이 있었다. 각각의 값들을 그대로 setItem으로 저장하고 getItem으로 불러와 사용했더니, 타입 에러가 발생했다. 데이터의 타입 로그를 찍어보니 모두 string으로 나왔다. 원하는 결과가 아니다. 데이터 원본 타입 그대로 저장하고 그대로 가져오고 싶다! 1. Object 🔒 문제 window.localStorage.setItem("chat", chatObj); //객체 저장 const chat = window.localStorage.getItem("chat"); Object를 저장했는데 로컬스토리지를 거치고 나니까 String이 되어버림. console.log(typeof chatObj); //Objec.. 이전 1 2 다음
