객체 객체는 여러 자료형 중 하나이지만 복잡하고 이해하기 어렵기에 공부가 필요합니다. 원시 값을 할당한 변수가 기억하는 메모리 주소를 통해 메모리 공간에 접근하면 원시 값에 접근할 수 있는데 객체는 변수가 기억하는 메모리 주소를 통해 메모리 공간에 접근하면 참조값에 접근하는 것이다. 이때 참조값은 생성된 객체가 저장된 메모리 공간의 주소 그 자체! 그림으로 이해하는 것이 좋지만 말로 설명할 수 있으면 좋을 것 같습니다. > object의 자료형은 메모리를 할당해주고 그 안에 값들을 주면 주소로 그 값을 만들어주는 것 ex) const obj = { age = "10" name = "park" }; 라는 박스를 만들었다면 그 안에 적히는 값들은 그 박스에 참조된 주소에 저장되는 것 이곳에 저장이 된다면 참조하는 방법 : obj.age, obj.name 출력 : console.log(obj.name); //park 얕은 복사와 깊은 복사

변수 변수 : 값을 저장하는 저장소, 기억하는 주소 > 1. 상수 : const 사용 (불변값) 변수 : let val 사용 변하는 값 1. 상수 let과 var 사용할 때 초기화를 한 값이 있어도 변할 수 있는 값 let var = "27"; console.log(val); //27 var = "26"; console.log(val); //26 위처럼 값이 변해도 수행이 되는 형식이다. 2. 변수 const를 사용하면 처음 초기화할 때 무조건 같이 써줘야하며 나중에 값을 바꿔줄 수 없다 따라서 대문자로 표현해줘야 함 const VAL = "27"; VAL = "26"; 위처럼 수행하게 되면 Syntax Error가 뜰 것이다. 이렇듯 const는 초기화 값이 그대로 간다는 점! 3. 추가내용 : 호이스팅 호이스팅 : 값 초기화를 안해서 에러가 떠야하지만, 예전 변수 var을 사용할 때에 에러가 아닌 undefined가 나오는 것 따

폰트를 preload하는 방법 preload란? 폰트 preload는 웹 페이지가 로드될 때 폰트 파일을 사전에 불러와서 페이지가 표시될 때 폰트 파일의 다운로드와 렌더링 시간을 줄이는 기술입니다. 이를 통해 사용자는 페이지가 더 빠르게 로드되고 텍스트가 보다 빠르게 표시됩니다. preload해보기 위의 코드와 같이 link 태그의 rel 속성을 사용하여 preload가 가능하다. 어디서 사용하는지는 진행 중이 미션과제나, 나중에 취업할때 디자이너가 원하는 폰트로 수정해줄 때 사용할 것이다. 웹 폰트 최적화하기 웹 폰트는 사용자의 로컬 컴퓨터가 아닌 임의의 온라인에서 사용하는, 서버에 저장되어있는 폰트를 다운 받아 화면에 표시해주는 것입니다. 웹 폰트 최적화하는 방법!! 이번 블로그를 작성하면서 여러 블로그를 확인해보면서 가장 정리가 잘 되어있는 블로그를 소개해드리겠습니다. 약 7~8개의 방법이 있는데 위의 preload 방법도 포함되어 있