Junvely 개발일기

실행 컨텍스트 자바스크립트의 실행 컨텍스트는 실행할 코드에 제공할 환경 정보들을 모아놓은 객체다. 자바스크립트는 어떤 실행 컨텍스트가 활성화되는 시점에 record(hoisting), outer, this값을 설정 한다. 1) 콜 스택 코드를 실행할 때 필요한 환경 정보들을 모아 컨텍스트를 구성하고 이것을 위에서 설명드린 ‘스택’의 한 종류인 콜스택에 쌓아올린다. 가장 위에 쌓여있는 컨텍스트와 관련된 코드를 실행하는 방법으로 코드의 환경 및 순서를 보장할 수 있다. 실행 컨텍스트에 담기는 정보 1. VE => VariableEnvironment 1) 현재 컨텍스트 내의 식별자 정보(=record)를 갖고있다. var a = 3의 경우, **var a**를 의미, 선언부 현재 컨텍스트와 관련된 코드의 식별..

데이터 타입 종류 기본형과 참조형을 나누는 기준 : 값의 저장 방식과 불변성 여부에 따라 나뉜다. 💡 [기본형과 참조형의 구분 기준] 복제의 방식 기본형 : 값이 담긴 주소값을 바로 복제 참조형 : 값이 담긴 주소값들로 이루어진 묶음을 가리키는 주소값을 복제 불변성의 여부 기본형 : 불변성을 띔 => var나 let은 값이 변경되는데? => 메모리 관점에서 봐야 불변한지 아닌지 파악 가능 참조형 : 불변성을 띄지 않음 자, “불변성을 띈다” 이 말을 이해하기 위해서 우리는 메모리와 데이터에 대한 내용을 이해해야만 합니다. 아래에서 그 배경지식을 낱낱이 살펴보기로 합시다 😎 메모리와 데이터에 관한 배경지식 1. 메모리, 데이터 1)비트 컴퓨터가 이해할 수 있는 가장 작은 단위죠 0과 1을 가지고 있는 메모..

🦄 온보딩 3주 2일차 - SCSS 설치 및 사용해 보기 ✨03/22 : 목표 : SCSS 설치 및 기본 문법 익히기 Swiper를 이용해 슬라이드를 가져오고, SCSS로 커스터마이징 해보자. 01 Swiper 슬라이드 사용해 보기 1. Swiper홈페이지 => Demos => 목록 중에서 원하는 슬라이드 가져오기 2. Core(html,css,js), React, Vue 등 여러 종류로 코드를 볼 수 있다. 클릭하면 코드가 쭉 나오는데 이 코드를 개인 플젝에 첨부하면 된다. 주의할점은1. script를 올바르게 가져왔는지, 2.슬라이드는 position 설정이 중요한데, 코드에서는 보통 html이나 body에 relative가 걸려있기 때문에 원하는 요소에 옮겨서 잘 조정해 주어야 한다. HTML 이 ..

🦄 온보딩 3주 2일차 - SCSS 설치 및 사용해 보기 ✨03/21 : 목표 : SCSS 설치 및 기본 문법 익히기 온보딩 스터디 2일차, 제공된 CSS 강의가 아무런 의미가 없는 강의인 것 같아 원래 이번 주 목표였던 SCSS에 대해 공부하기로 했다. 오늘은 공식문서를 참고하여 설치 및 기본 문법을 좀 익혀보고 연습도 할겸 앞으로는 항상 SCSS를 사용해 프로젝트를 진행해 보려고 한다. 📒SCSS 설치 및 경험해 보기 00 SCSS란 무엇인가? 1. SASS : Syntactically Awesome Style Sheets - 문법적으로 어썸한 스타일시트 2. SCSS : Sassy CSS - 문법적으로 Sassy한 멋진(Sassy) CSS Sass는 CSS의 단점을 보정하기 위한 CSS의 확장으로 ..

🙌 깊은복사, 얕은 복사 얕은 복사는 객체의 참조값(주소 값)을 복사하고, 깊은 복사는 객체의 실제 값을 복사한다. 1. Primitive 타입 : 깊은 복사 : 원시값은 값을 복사 할 때 복사된 값을 다른 메모리에 할당 하기 때문에 원래의 값과 복사된 값이 서로에게 영향을 미치지 않는다 let a = 2; let b = a; console.log(b); //2 b = 5; console.log(a); //2 console.log(b); //5 => primitive타입은 서로 영향을 미치지 않는다. 2. Object 타입 : 얕은 복사 : 참조값은 변수가 객체의 주소를 가리키는 값이기 때문에 참조값(주소)를 복사하여 같은 값을 가리킨다. 따라서 한쪽의 값을 변경 할 경우, 같은 참조값이기 때문에 양쪽 ..

모던 자바스크립트 Deep Dive 요약 빨리 가는 유일한 방법은 제대로 가는 것이다. - 로버트 C. 마틴(Robert C. Martin), “클린 코드”의 저자 프로그래밍이란 무엇인가 (1) 프로그래밍 0과 1밖에 알지 못하는 기계가 실행할 수 있는 정도로 정확하고 상세하게 요구사항을 설명하는 작업이다. 해결 과제를 컴퓨터의 관점으로 사고(Computational thinking)해야 한다. 이에는 논리적, 수학적 사고가 필요하게 되며 해결 과제를 작은 단위로 분해하고 패턴화하여 추출하며 프로그래밍 내에서 사용될 모든 개념은 평가 가능하도록 정의되어야 한다. (2) 프로그래밍 언어 명령을 수행할 주체는 컴퓨터이다. 따라서 인간이 이해할 수 있는 자연어가 아니라 컴퓨터가 이해할 수 있는 언어, 즉 기계..