WEB (65) 썸네일형 리스트형 [Javascript] json json에 관한 내용은 다음의 링크를 참고하였다. https://github.com/dream-ellie/learn-javascript/blob/master/notes/json.js 'use strict'; // JSON // JavaScript Object Notation // 1. Object to JSON // stringfy(obj) let json = JSON.stringify(true); console.log(json); json = JSON.stringify(['apple', 'banana']); console.log(json); const rabbit = { name: 'tori', color: 'white', size: null, birthDate: new Date(), jump: fun.. [Javascript] 클래스 클래스에 대한 내용은 다음의 링크를 참고하였다. 강의노트를 보며 공부하도록 하자. https://github.com/dream-ellie/learn-javascript GitHub - dream-ellie/learn-javascript: 자바스크립트 입문편 노트 컬렉션 ✨ 자바스크립트 입문편 노트 컬렉션 ✨. Contribute to dream-ellie/learn-javascript development by creating an account on GitHub. github.com 1. getter and setter에서 변수명에 ._를 붙이는 이유 this.age는 getter를 호출하고 = age는 setter를 호출한다. 여기서 setter의 내부를 들여다 보면 내부의 문장은 setter를 호출.. [JavaScript] var를 사용하면 안되는 이유 var 변수는 ES6 문법 이전에 사용하던 mutual 변수 선언 방법이다. 하지만 이는 많은 문제가 있어서 현재는 let만 써야만 한다. 그럼 어떤 문제가 있을까? 1. Hoisting (변수를 선언하기도 전에 사용이 가능) MDN에서 정의한 Hoisting의 의미를 알아보자. 호이스팅(hoisting)이란, 인터프리터가 변수와 함수의 메모리 공간을 선언 전에 미리 할당하는 것을 의미합니다. 쉽게 말해, 변수의 선언과 초기화를 분리한 후, 선언만 코드의 최상단으로 옮기는것이다. var를 사용하면 다음과 같은 미친짓이 가능하다. 직접 확인해보자. age = 7; var age 위와 같이 변수를 선언하기도 전에 사용을 해도 정상적으로 출력이 가능하다. 이 경우 선언 전에도 에러가 나지 않아 사용이 가능하기.. [JavaScript] html에서 js파일을 가장 효율적으로 포함하는 방법 이 글은 다음의 유튜브 영상을 참고하여 작성하였다. https://www.youtube.com/watch?v=tJieVCgGzhs&t=1s 1. head 위 방법은 코드 순서대로 html코드를 parsing하다가 js파일을 만나면 서버에서 다운받아 실행한 다음에 다시 parsing을 시작한다. 단점: js파일의 크기가 너무 크고 인터넷이 느리다면 웹페이지를 로딩하는데까지 오래걸린다. 2. body 위 방법은 브라우저가 html 코드를 파싱해서 준비가 끝난 후에 마지막에 script를 받아오는 방식이다. 장점: js파일은 받아오기 전에도 페이지의 컨텐츠를 보여줄 수 있다. 단점: 만약 웹사이트가 js에 매우 의존적(의미있는 컨텐츠를 보려면 js가 필요하다면)이라면 의미가 없다. 3. head + async.. [React] PostCSS 사용법 보호되어 있는 글입니다. [React] 프로젝트 만들기 아래의 사이트에서 확인하자. https://create-react-app.dev/docs/getting-started/ Getting Started | Create React App Create React App is an officially supported way to create single-page React create-react-app.dev [React] custom hook (재사용) 보호되어 있는 글입니다. [React] Loading/Error 메세지 띄우기 보호되어 있는 글입니다. 이전 1 2 3 4 ··· 9 다음 목록 더보기