전체 글(106)
-
[공식문서 공략] Reacting to Input with State
선언형과 명령형의 차이 역시 리액트 공식문서, 하나하나 다 설명해준다.... 하나하나 다 설명하면 오류가 발생하기 쉽기 때문에 UI를 직접 조작하지 않는 방식 대신 표시할 내용 자체를 선언하는 방식으로 React가 개발 되었다. 택시를 타고 택시 기사에게 목적지만 말하면 알아서 처리해준다. 내부적으로 리액트가 알아서 처리해준다. 조건에 따라서 UI가 달라진다. 로딩, 데이터 온, 데이터 X, 에러 너무 복잡한 것을 안해봐서 그런가? 자연스럽게 이렇게 생각하고 있었다. state에 대한 고려를 어떻게 하는지 배웠다.
2023.09.13 -
[공식문서 공략] Updating Arrays in State
기존 객체랑 똑같음 새 배열을 만들어서 map, filter 는 얕은 복사로 원본 배열을 변화시키지 않음 역시 리액트 뭐 사용하라고 배열 함수까지 알려준다. 사실 이전 프로젝트에서 sort를 썼는데 복사하고 쓰라고 한다. 더할 때는 스프레드 문법을 사용한다. 제거할 때는 filter를 사용한다. 이거는 주의를 해야할듯 맵하고 if를 사용하여 원하는 조건을 만들어준다. 백에서 비즈니스 코드를 안적어주면 잘 처리해서 해야겠다. 원소의 순서를 바꾸는 것은 괜찮지만 원소 내용을 바꾸는 것은 문제가 되기 때문에 최상위 수준까지 복사본을 만들라고함 map, if로 소팅한다. 부끄러운 기억이 있네; 변화를 많이 가져야하는 경우면 useImmer를 사용해야될 듯하다. useState보다
2023.09.13 -
[Revisited JS] 프로토타입을 파훼해보자
프로토타입 기반 객체지향 프로그래밍 부모유전자에 기록이 되어 있기 때문에 쓸 수 있음. 19.1 객체 지향 프로그래밍 속성을 통해 여러 개의 값을 하나의 단위로 구성한 복합적인 자료구조를 객체라 하며, 객체지향 프로그래밍은 독립적인 객체의 집합으로 프로그램을 표현하려는 프로그래밍 패러다임이다. 객체가 뭔지 알아야 프로토타입을 설명할 수 있기 때문 19.2 상속과 프로토타입 코드 재사용 생성자 함수는 동일한 프로퍼티 구조를 갖는 객체를 여러 개 생성할 때 유용하다. getArea 메서드를 중복 생성 모든 인스턴스가 중복 소유하는 문제가 생김 프로토타입에 기록하여 부모만 갖게 함 19.3 프로토타입 객체 프로토타입 = 프로토타입 객체 객체 간 상속을 구현하기 위해 사용된다. [[Prototype]]이라는 내..
2023.09.12 -
node.js 메서드에 대해 알아보자 2023.09.12
-
[Revisited JS] 비동기 완벽 이해를 꿈꿔보자
https://www.youtube.com/watch?v=zi-IG6VHBh8&ab_channel=%EA%B0%80%EC%9E%A5%EC%89%AC%EC%9A%B4%EC%9B%B9%EA%B0%9C%EB%B0%9CwithBoaz https://medium.com/sessionstack-blog/how-javascript-works-event-loop-and-the-rise-of-async-programming-5-ways-to-better-coding-with-2f077c4438b5
2023.09.10 -
[Revisit JS] 프로퍼티 어트리뷰트를 이해해보자
프로퍼티는 객체의 그 프로퍼티가 맞는 것 같고 그 속성들을 어트리뷰트라고 하는 것 같다. 16.1 내부 슬롯과 내부 메서드 내부 슬롯과 내부 메서드를 선행적으로 이해해야 한다. 내부 슬롯과 내부 메서드는 자바스크립트 엔진의 구현 알고리즘을 설명하기 위해 ECMAScript 사양에서 사용하는 의사 프로퍼티와 의사 메서드다. ECMAScript 사양에 등장하는 이중 대괄호 ([[...]])로 감싼 이름들이 내부 슬롯과 내부 메서드다. > 다시 보니 자바스크립트 엔진에서 사용한다는 게 중요한 것 같다. 가장 큰 내부 슬롯이 [[Prototype]] 접근할 수 없다. 하지만 예외가 있다. [[Prototype]] __proto__를 통해 간접적으로 접근할 수 있다. 16.2 프로퍼티 어트리뷰트와 프로퍼티 디스크..
2023.09.07