유이로운 개발일지

THIS의 특징 - this는 앞에 오는것이 무엇이냐!에 따라서 종속되는 곳이 달라진다! 아무것도 없을 경우에는 전역 객체(window, golbal)으로 기준이 잡히는 이유는 무엇이다?! 사실은 this 앞에는 window. 이 기본으로 생략되어 있기 때문이다! JS 셀렉터 - CSS 셀렉터에 익숙한 편이다 보니 사용이 그렇게 어렵지는 않지만 아래 사항은 기억해 두고 고려해야 할 듯하다. 보통 CSS에서 child를 불러올 때는 아래와 같이 사용한다. li:nth-child(2) { //여기에 css속성 삽입 } :nth-child(n)은 몇 번째 자식을 선택할 것인지를 뜻한다. css의 초기값은 1부터 시작하기 1을 기재하면 첫 번째 자식이 된다. 따라서 위 코드를 스타일시트에 삽입하고 html에 적..

1. 실행 컨텍스트와 호이스팅 실행 컨텍스트 - '실행할 코드에 필요한 환경정보들을 모아둔 객체' 즉, 함수가 실행되면 그 함수에 해당되는 실행 컨텍스트가 생성되며, 콜스택에 실행 순번대로 차곡차곡 쌓이게 된다. 호이스팅(Hoisting)이라는 단어는 이미 이전 TIL에서 한 차례 정리한 적이 있다. 호이스팅(Hoisting) - 끌어올리다라는 의미를 가진 언어로, JS에서는 선언문을 해당 스코프의 최상단으로 끌어올려지는 현상을 뜻한다고 정리하였다. 하지만 그보다는 조금 메모리 저장의 원리와 연결해서 쉽고 정확히 이해할 수 있을 듯하다. 호이스팅이란, 변수와 함수에게 미리 메모리를 할당해 주는 것을 의미한다. 따라서 변수와 함수가 해당 스코프의 최상단으로 올라가게 된다. 이 원리에 대해 배우고 나서, 아..

기본형 데이터와 참조형 데이터의 데이터 저장 방식의 특징과 차이는 이해가 쉬웠으나, 얕은 복사와 깊은 복사의 개념이 강의를 보고는 쉽게 와닿지 않았다. 따라서 유튜브와 여러 블로그들을 참조하며 결국! 이해에 성공하였다! 내가 해당 정보들을 모아 정리하고 최종적으로 정의한 얕은 복사와 깊은 복사, 그리고 기본형/참조형 데이터의 특징은 아래와 같다. 얕은 복사와 깊은 복사 1. 얕은 복사 : 객체의 참고값(주소값)만 복제 - 중첩된 객체가 있을 경우에 하나의 객체라도 기존의 주소값을 참고하고 있다면 이는 얕은 복사이다. - 따라서 복제된 데이터에 변화가 일어날 경우 원본도 같은 주소값을 향하고 있기에 영향을 받음 2. 깊은 복사 : 객체의 실제값을 복제 - 중첩된 객체 내부 모두 기존 객체의 주소값을 참고하..

강의를 듣는데 Function() 에 대한 전반적인 이해가 되지 않아, 응용 문제 해설의 이해가 도저히 되지 않았다. 이대로 강의 진도를 빼도 아무런 의미가 없을 거라는 생각이 들었다. 그래서 남들보다 시간이 좀 더 걸리더라도 유튜브 강의들을 샅샅이 뒤져 이해하기로 결심했다. 함수에 대한 전반적인 이해가 부족한 상황이었고, 당연히 응용 문제에서는 헤맬 수밖에 없는 상황이었기에 함수의 기초를 배울 수 있는 유튜브 강의를 정말 많이 찾아보았다. 그렇게 하며 헷갈렸던 부분, 몰랐던 부분들에 대하여 배운 점을 아래에 정리하였다! 매개변수와 함수의 지역변수 - '매개변수'로 받은 값은 복사해서 함수의 '지역변수'가 된다. let name = "Yui"; function yourName(name) { console..

TIL 특강 수강 1. TIL 블로그를 네이버 블로그에서 티스토리로 이전하였다. 2. TIL 특강을 듣고 그간 작성했던 TIL, WIL이 아쉽게 느껴져 몇 가지 글을 수정하였다. - 지난 주는 강의 학습 위주였기에 오류를 만날 일이 거의 없었지만, 음악 추천 사이트를 구현할 때는 오류가 잦았기에 해당 글을 수정하며 오늘 특강에서 배운 내용(문제/시도/해결/알아낸것)을 적용하고자 했다. -> 음악추천사이트 구현 TIL 수정본 ( https://yui-ui.tistory.com/6 ) -> 음악추천사이트 구현 TIL 기존글 ( https://blog.naver.com/yui62yui/223106399076 ) 자바스크립트 문법 기초 1. 어제 자바스크립트 문법 기초 1주차 수업을 수강하였지만, 1주차 과제로..