개발/html, css, js

[JS] 자바스크립트의 메모리 관리 (가비지 컬렉터)

JS의 레퍼런스 js는 다른 언어와 다르게 포인터의 개념이 없다. 그렇기 때문에 포인터라는 개념 대신 참조(reference)를 이용한다. *GO언어는 포인터도 있고 가비지컬렉터가 있다. 포인터가 없다고 해서 가비지컬렉터가 있는건 아니다. 자바스크립트에서 변수에 값을 할당할 때, 실제 값이 저장되는 것이 아니라 값이 저장된 메모리 주소를 참조하는 방식으로 동작한다. 따라서 변수를 이용하여 값을 변경하면 해당 메모리 주소에 있는 값을 변경하게 된다. 예를 들어 아래 코드에서 'obj1'과 'obj2'는 같은 객체를 참조한다. 따라서 'obj1'의 프로퍼티를 변경하면 'obj2'에서도 변경된 값을 확인할 수 있다. var obj1 = { name: "John" }; var obj2 = obj1; obj1.n..

[JS] var, let, const 차이

1. var var a; var b = 1 var a = 3 b = 3 var는 위와 같이 변수를 선언하거나 선언하면서 값을 할당할때 사용한다. var로 변수를 선언하고 또 var로 변수를 선언해도 오류가 나오지 않는다. 이는 코드가 길어질수록 오류가 어디서 나오는지 모르게되는 경우가 있을수 있다. 따라서 var를 지양하고 let과 const를 지향하자. 2. let let a; let a = 2 위와 같이 let으로 선언한 변수를 다시한번 let으로 선언하면 오류가 나온다. 이 부분 빼고는 var와 비슷하게 사용할수 있다고 생각하면 된다. 한번 선언하고 값을 계속 할당할수 있다. 3. const const a = 3 a = 2 위와 같이 const로 선언한 변수의 값을 재할당 하면 오류가 나온다. 이것..

[30일 챌린지 Day-17] 관사 제외하고 정렬하기

1. 코드 2. 결과 3. 리뷰 replace로 관사들을 공백처리하여 없애준다. trim()이란 문자열의 앞뒤 공백을 없애주는 것이다. 만약 sort를 할때 맨앞이 공백이라면 sort값이 이상하게 나올수 있기때문에 trim을 한것이다.

[30일 챌린지 Day-16] Mouse Move Shadow

1. 코드 🔥WOAH! 2. 결과 🔥WOAH! 3. 리뷰 text-Shadow를 js로 불러올때의 형태만 알면 된다. js로 불러올때 형식 h1.style.textShadow = " x y blur color" blur를 입력해주지 않으면 기본적으로 0이다.

[30일 챌린지 Day-15] LocalStorage

1. 코드 LOCAL TAPAS Loading Tapas... 2. 결과 LOCAL TAPAS Loading Tapas... 3. 리뷰 먼저 idNum를 선언해주고 이를 id값으로 설정해주면서 인덱스의 역할을 하게끔 1씩 더해줬다. 그리고 만든 li태그들을 join으로 문자열형식으로 data라는 이름으로 localStorage에 담아줬다. 그리고 그값을 그대로 innerHTML로 받아온다. 윈도우가 로드할때 idNum를 통해 로컬스토리지가 비어있는지 확인한후 비어있다면 idNum에 0을 대입하고 데이터가 들어있다면 그 데이터를 불러와서 innerHTML로 받아온다.

[30일 챌린지 Day-13] scroll event

1. 기본 Slide in on Scroll Consectetur adipisicing elit. Tempore tempora rerum, est autem cupiditate, corporis a qui libero ipsum delectus quidem dolor at nulla, adipisci veniam in reiciendis aut asperiores omnis blanditiis quod quas laborum nam! Fuga ad tempora in aspernatur pariaturlores sunt esse magni, ut, dignissimos. Lorem ipsum cupiditate, corporis a qui libero ipsum delectus quidem dolor a..