Nuri-KSLV-II

📌가상돔의 개념 - 공식문서 정의 The virtual DOM (VDOM) is a programming concept where an ideal, or “virtual”, representation of a UI is kept in memory and synced with the “real” DOM by a library such as ReactDOM. This process is called reconciliation. 가상으로 UI를 버츄얼돔에 저장해두었다고 Real Dom과 연동(sync) 시켜주는 프로그래밍 컨셉 일명 reconciliation(화해) 과정이라 정의 📌Diffing 알고리즘 - 리액트는 Real Dom과 Virtual Dom을 참고하면서 diffing 알고리즘을 이용해 변화가 일..

함수형 컴포넌트 클래스형 컴포넌트 선언방식 1. state, lifeCycle 관련 기능 사용 불가(v16.8부터 Hook으로 해결) 2. 클래스형보다 메모리 자원을 덜 사용 3. 컴포넌트 선언이 편함 1. class 키워드 필요 2. render() 메소드 반드시 필요 3. Component로 상속을 받야함 4. state, lifeCycle 관련 기능 사용 가능 state 1. useState 함수로 state를 사용 2. useState 함수를 호출하면 배열이 반환되는데 첫번째 원소는 현재 상태, 두번째 원소는 상태를 바꿔주는 함수 1. constructor 안에서 this.state 초기 값 설정 가능 2. this.setState()를 통해 state값을 변경 props 1. props를 불러올..

📌 상황정리 1. 역할 선택 화면에서 사용자가 역할을 선택한다 2. 선택한 역할 정보를 서버로 보내면, 서버가 랜덤 매칭 공식에 맞춰서 매칭 정보를 반환한다 3. 매칭 정보를 이용해 미팅 서비스에 입장한다 📌 해결과정 1. 매칭 대기실로 이동하는 함수를 정의 1-1. 매칭 대기실로 이동하는 함수를 소개팅 시작하기 버튼에 걸어줌 1-2. 참고로 역할 코드를 중앙관리소에 저장하는 방식은 아래와 같이 정의되어 있음 2. 매칭 대기실에 입장하면 바로 매칭 정보 받아오는 matchStart 함수 실행 2-1. class형 함수에서 중앙관리소에 있는 state를 사용하는 방법, 슬라이스의 액션함수를 사용하는 방법은 구글링을 통해 찾았음 3. matchStart함수는 아래와 같이 동작함 3-1. history를 사용..