코딩배우는고양이

개요 프로젝트명 : 아가리 스테이츠 프로젝트 소개 : HTML, CSS, JavaScript를 활용해서 질문 게시판 만들기 주요 기능 질문 작성하기(모달창) 로컬 스토리지에 데이터 저장 + 신규 데이터 저장 페이지네이션 이미지 애니메이션 👉프로젝트 구경하기👈 아가리 스테이츠 g4dalcom.github.io 상세 모달창으로 구현한 질문 작성하기 // ======== 모달창 관련 ======== // const $modal = document.querySelector('.modal'); const $form_container = document.querySelector('.form__container'); const $main_container = document.querySelector('#main_co..

1. 개념 함수와 그 함수가 접근할 수 있는 변수의 조합 변수의 스코프가 선언된 위치에 따라 정해지는 것과 달리 클로저는 선언된 함수 주변 환경에 따라 접근할 수 있는 변수가 달라진다. 이러한 환경은 어휘적 환경(Lexical Environment) 라고 한다. 2. 역할 2-1. 데이터를 보존하는 함수 function closure (meow) { let parameter; return `${parameter}${meow}`; } console.log(parameter); // ReferenceError: parameter is not defined (함수 내부에 선언한 변수에 접근 불가) console.log(meow); // ReferenceError: meow is not defined (매개변수..

1. 특징 원시 자료형 원시 자료형을 변수에 할당하면 메모리 공간에 값 자체가 저장 원시 값을 갖는 변수를 다른 변수에 할당하면 원시 값 자체가 복사 변경 불가능한 값(읽기 전용) 참조 자료형 참조 자료형을 변수에 할당하면 메모리 공간에 주솟값이 저장 참조 값을 갖는 변수를 다른 변수에 할당하면 주솟값을 복사 변경 가능한 값 2. 얕은 복사와 깊은 복사 원시 자료형을 할당한 변수를 다른 변수에 복사를 하면 값 자체에 복사가 일어나기 때문에 하나의 값을 변경해도 다른 하나는 영향을 받지 않는다. 참조 자료형의 경우는 주솟값이 복사되어 같은 주소를 바라보기 때문에 값을 변경하면 그 주소를 바라보는 변수들의 값이 전부 바뀌게 된다. 2-1. 얕은 복사 배열 복사하기 slice() let arr = [0, 1,..