기록하고 싶은 것들

오늘은 React Router에 대해서 배웠다. React Router는 주소에 따라서 다른 뷰를 보여주기 위해 필요하고, 대표적으로 BrowserRouter, Routes, Route, Link 등의 컴포넌트를 사용한다. BrowserRouter 컴포넌트는 HTML5의 History API를 사용해 페이지를 새로고침 없이 주소를 변경하게 도우며. 일반적으로 index.js에 을 감싼 형태로 사용한다. Routes 컴포넌트는 Route들을 포함하는 컴포넌트이고, Route는 path와 element 속성을 가지며, 각각 경로와 보여주고자 하는 컴포넌트를 나타낸다. Link 컴포넌트는 경로를 연결해주는 역할을 하는 컴포넌트이며, 와는 다르게, 페이지를 새로 불러오지 않고 애플케이션을 유지시킨다. 배운 바탕..

JavaScript Koans 과제를 진행하면서, 새롭게 알게 된 내용을 정리해보았다. 호이스팅 인터프리터가 변수와 함수의 메모리 공간을 선언 전에 미리 할당하는 것을 의미 함수 선언식은 호이스팅 가능 catName("클로이"); //"제 고양이의 이름은 클로이입니다" function catName(name) { console.log("제 고양이의 이름은 " + name + "입니다"); } catName("호랑이"); //"제 고양이의 이름은 호랑이입니다" 함수 표현식은 호이스팅 불가 console.log(catName("클로이")); // ReferenceError let catName = function(name) { return "제 고양이의 이름은 " + name + "입니다"; } consol..

오늘은 ES6 주요 문법에 대해서 공부하였다. 기존에 복사의 목적으로 사용하던, ... 연산자에 대해서 자세히 알 수 있었고, 이를 활용해서 배열 합치기, 복사, 객체 합치기, 복사, 나머지 파라미터 받기 등 다양한 방법으로 활용할 수 있다는 것을 알게되었다. 또한 구조분해할당을 통해서 배열이나 객체를 분해하여 변수에 새롭게 할당이 가능하다는 것을 알게되었다. 이후 koans 과제 활동을 하면서, 부족한 개념에 대해서 정리하였고 새로운 개념에 대해서 많이 알아갔다. (과제에서 새롭게 알게 된 내용은 내일 게시물로 올릴 예정이다.) 수업이 끝난 뒤, 스터디를 진행하였다. 오늘 주제인 표현식과 연산자 이외에도 Js가 왜 동적인 언어로 불리는지, 단축 평가(short circuit)의 예시 상황 등에 대해서도..

오늘은 JS 핵심 개념과 주요 문법에 대해서 공부하였다. 하루종일 자습이라서 조금 여유있게 공부할 수 있었던 것 같다. 첫번째로는 원시 자료형과 참조 자료형의 기초에 대해 배웠다. 원시 자료형은 값 복사, 참조 자료형은 데이터 주소를 복사한다는 것을 배웠다. 두번째로는 스코프에 대해서 배웠다. 기존에 알고 있던 용어가 아니어서, 생소하였는데 개념에 대해서 살펴보니 변수 접근 규칙에 따른 범위를 나타내는 것 이었다. 즉 기존에 변수를 설정할 때, 적용되는 범위를 스코프라고 하는 것이었다. 새로 알게된 내용은 화살표 함수는 블록 스코프라는 것과 var을 사용시 블록 스코프를 무시한다는 것이었다, 하지만 이러한 예외 경우를 막기위해 var사용을 지양해야한다고 배우게 되었다. 마지막으로는 클로저에 대해서 배웠다..