ZeroCho memo , useMemo , useCallback 고차 컴포넌트(Higher Order Component)이다. 불필요한 리렌더링을 해결하기 위해 사용 를 좀 더 수정하였다. GrandParent 컴포넌트에 버튼이벤트를 추가하여 setGrandParent가 실행되는 것이다. 이때 자식 컴포넌트 였던 Parent 컴포넌트와 Child 컴포넌트 또한 변화가 없는데도 렌더링을 다시 진행한다. 해당 노란 부분 아래는 버튼을 눌렀을때 렌더링 되는 컴... ReactZeroChoReact Es2020 4강 NumberBaseBall 이렇게 이벤트 코드 다음에 넣는것이아니라 또한 이 count 코드는 1씩 계속 증가하여 변화하기 때문에 const함수가 아닌 let함수를 사용한다. const a, const b 의 변수가 있을때 자바스크립트는 4자리의 랜덤한 숫자를 한번에 형성 할 수 없기 때문에 1자리씩 랜덤한 숫자를 뽑아주는 함수 4개를 합쳐야 된다. Math.random() 함수는 0 <= x < 1 사이의 숫자를 랜... JavaScriptZeroChoES2020ES2020 가위바위보 게임 가위바위보 게임 순서도 0.05초마다 가위바위보 값, 값에 따라 그림을 바꾼다. 가위,바위, 보 버튼 클릭 돌아가는 그림을 멈춘다. 점수를 계산한다. 점수를 표시한다. 1초 후에 그림을 돌린다. 0.05초마다 가위바위보 값, 값에 따라 그림을 바꾼다. 가위,바위,보 이미지 스프라이트의 x의 값을 객체로 만들어준다. 변수 computerChoice 생성 (가위,바위,보의 값을 저장해야함). 함... ZeroChoJavaScriptJavaScript Node.js 교과서 - 1 routes : 서버의 라우터와 로직들을 모아둔다. 2. Rest API REST API : REpresentational State Transfer의 약어로 네트워크 구조의 방식중 하나. GET : 서버의 자원을 가져오고자 할 때 사용함. POST : 서버에 자원을 새로 등록하고자 할 때 사용함. 요청의 본문에 새로 등록할 데이터를 넣어 보냄. PUT : 서버의 자원을 요청에 들어 있는 자... nodejsexpressZeroChoZeroCho Node.js 교과서 - 10 웹 소켓 : 실시간 양방향 데이터 전송을 위한 기술 노드는 ws나 Socket.IO 같은 패키지를 통해 웹 소켓 사용 가능하다. 웹 소켓 이전에는 폴링이라는 방식을 사용했다. 서버 쪽에서 클라이언트로 실시간 데이터를 보내줄 때 사용한다. app.js 작성 socket.js 작성 websocket 요청 한 번으로 지속적으로 데이터 주고 받는걸 확인할 수 있다. connection 이벤트는 서버... nodejsZeroChoexpressZeroCho
memo , useMemo , useCallback 고차 컴포넌트(Higher Order Component)이다. 불필요한 리렌더링을 해결하기 위해 사용 를 좀 더 수정하였다. GrandParent 컴포넌트에 버튼이벤트를 추가하여 setGrandParent가 실행되는 것이다. 이때 자식 컴포넌트 였던 Parent 컴포넌트와 Child 컴포넌트 또한 변화가 없는데도 렌더링을 다시 진행한다. 해당 노란 부분 아래는 버튼을 눌렀을때 렌더링 되는 컴... ReactZeroChoReact Es2020 4강 NumberBaseBall 이렇게 이벤트 코드 다음에 넣는것이아니라 또한 이 count 코드는 1씩 계속 증가하여 변화하기 때문에 const함수가 아닌 let함수를 사용한다. const a, const b 의 변수가 있을때 자바스크립트는 4자리의 랜덤한 숫자를 한번에 형성 할 수 없기 때문에 1자리씩 랜덤한 숫자를 뽑아주는 함수 4개를 합쳐야 된다. Math.random() 함수는 0 <= x < 1 사이의 숫자를 랜... JavaScriptZeroChoES2020ES2020 가위바위보 게임 가위바위보 게임 순서도 0.05초마다 가위바위보 값, 값에 따라 그림을 바꾼다. 가위,바위, 보 버튼 클릭 돌아가는 그림을 멈춘다. 점수를 계산한다. 점수를 표시한다. 1초 후에 그림을 돌린다. 0.05초마다 가위바위보 값, 값에 따라 그림을 바꾼다. 가위,바위,보 이미지 스프라이트의 x의 값을 객체로 만들어준다. 변수 computerChoice 생성 (가위,바위,보의 값을 저장해야함). 함... ZeroChoJavaScriptJavaScript Node.js 교과서 - 1 routes : 서버의 라우터와 로직들을 모아둔다. 2. Rest API REST API : REpresentational State Transfer의 약어로 네트워크 구조의 방식중 하나. GET : 서버의 자원을 가져오고자 할 때 사용함. POST : 서버에 자원을 새로 등록하고자 할 때 사용함. 요청의 본문에 새로 등록할 데이터를 넣어 보냄. PUT : 서버의 자원을 요청에 들어 있는 자... nodejsexpressZeroChoZeroCho Node.js 교과서 - 10 웹 소켓 : 실시간 양방향 데이터 전송을 위한 기술 노드는 ws나 Socket.IO 같은 패키지를 통해 웹 소켓 사용 가능하다. 웹 소켓 이전에는 폴링이라는 방식을 사용했다. 서버 쪽에서 클라이언트로 실시간 데이터를 보내줄 때 사용한다. app.js 작성 socket.js 작성 websocket 요청 한 번으로 지속적으로 데이터 주고 받는걸 확인할 수 있다. connection 이벤트는 서버... nodejsZeroChoexpressZeroCho