기록창고

1. Redux Redux는 상태 관리 라이브러리 중 하나. 전역 상태를 관리할 수 있는 저장소인 Store를 제공함. Redux의 상태 관리 순서 (Action -> Dispatch -> Reducer -> Store) 상태가 변경되어야 하는 이벤트가 발생하면, 변경될 상태에 대한 정보가 담긴 Action 객체가 생성됨. 이 Action 객체는 Dispatch 함수의 인자로 전달됨 Dispatch 함수는 Action 객체를 Reducer 함수로 전달해줌 Reducer 함수는 Action 객체의 값을 확인하고, 그 값에 따라 전역 상태 저장소 Store의 상태를 변경함 상태가 변경되면, React는 화면을 다시 렌더링함. 2. Store 상태가 관리되는 오직 하나뿐인 저장소 역할 createStore 메..

위와 같은 상황에서 POST를 실행하면 에러 코드 400과 함께 'SyntaxError: Unexpected token o in JSON at position 1' 에러가 발생하였다. 구글링을 통해 알아보니 문자열로 지정해주라고 하기에 처응엔 무작정 newDiscussion 객체에 작은따옴표를 붙였다. 그래도 에러가 발생하기에 잠시 생각을 해 보았다. JSON.string을 이용하면 해결할 수 있을 것 같았고, 실제로 해결되었다. 참고: https://itprogramming119.tistory.com/entry/%EC%97%90%EB%9F%AC%EC%BD%94%EB%93%9C-04-Unexpected-token-o-in-JSON-at-position-1

1. 동기(synchronous), 비동기 (asynchronous) 동기란, 위의 그래프와 같이 특정 코드의 실행이 완료될 대까지 기다리고 난 후, 다음 것을 실행하는 것을 의미한다. 예를 들어, 밥을 다 먹은 후, 양치를 하고, 양치를 다 한 후, 옷을 갈아입는 것, 이런 식으로 무언가가 끝난 후 다른 것을 하는 것이 동기 처리이다. 그에 반해, 비동기는 특정 코드 실행이 완료되는 것을 기다리지 않고 다음 코드를 실행하는 것이다. 예를 들어, 밥을 먹으면서 tv를 켜서 같이 보는 것이나 길을 걸으면서 노래를 흥얼거리는 것과 같이, 무언가가 끝나는 것을 기다리지 않고 실행하는 것이 비동기 처리이다. 대표적인 비동기 함수로는 setTimeout이 있는데, 간단한 예시는 아래와 같다. setTimeout(..

1. 상속 (extends, super) class Human { constructor(name, age) { this.name = name; this.age = age; } introduce() { console.log(`저의 이름은 ${this.name}이고 나이는 ${this.age}입니다.`); } } class Student extends Human { constructor(name, age, score) { super(name, age); this.score = score; } study() { console.log(`${this.name}은 공부 중입니다!`); } getScore() { super.introduce(); console.log(`${this.name}의 성적은 ${this.s..

1. 시작하며 function Person(name, age, gender) { // 속성과 메소드 정의 this.name = name; this.age = age; this.gender = gender; walk = function () { console.log(`${this.name}은 걷습니다.`); }; } var person1 = new Person("Gildong", 20, "male"); console.log(Person.prototype.constructor === Person); // 1번 => true console.log(Person.prototype === person1.__proto__); // 2번 => true console.log(Person.prototype.walk ===..

1. 일급객체 (first-clas citizen) 일급 객체는 Javascript에서 특별한 대우를 받는다. 예를 들어, 일급 객체 중 하나인 함수는 변수에 할당할 수 있으며, 다른 함수의 전달인자로 전달될 수 있으며, 다른 함수의 결과로서 리턴할 수 있다. 그렇기에 함수를 데이터처럼 다룰 수 있다, 2. 고차 함수 (higher order function) 고차 함수는 함수를 전달인자로 받을 수 있고, 함수를 리턴할 수 있는 함수이다. 그리고 다른 함수의 전달인자로 전달되는 함수를 콜백 함수(Callback function)라고 한다. 이 콜백 함수를 전달받은 고차 함수는 함수 내부에서 콜백 함수를 호출할 수 있으며 조건에 따라 이것의 실행 여부를 결정할 수도 있다. 그리고 함수를 리턴하는 함수는 커..

15장 let, const 키워드와 블록 레벨 스코프 15. 1 var 키워드로 선언한 변수의 문제점 ※ 변수 중복 선언 허용 var x = 1; var x = 10;// 가능 ※ 함수 레벨 스코프 -> 전역 변수를 남발할 가능성을 높여 의도치 않게 전역 변수가 증복 선언될 가능성 있음 var i = 100; for (var i = 0; i 변수 선언문 이전에도 참조할 수 있기 때문에 가독성을 떨어뜨리고 오류를 발생시킬 여지를 남김. console.log(x);// undefined x = 100; console.log(x);// 100 var x; 15.2 let 키워드 var의 단점을 ..