일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | |||||
3 | 4 | 5 | 6 | 7 | 8 | 9 |
10 | 11 | 12 | 13 | 14 | 15 | 16 |
17 | 18 | 19 | 20 | 21 | 22 | 23 |
24 | 25 | 26 | 27 | 28 | 29 | 30 |
- 17471
- 백준
- 알고리즘
- JSP
- 1868
- 2869
- react
- Git
- SOCKET
- JavaScript
- npm
- Ajax
- HTTP
- 카카오코드페스티벌
- commited
- SWEA
- GitHub
- 응답코드
- node.js
- web
- 타겟넘버
- boj
- 비동기
- graph
- 17822
- 소형기관차
- staged
- Java
- 파핑파핑지뢰찾기
- 달팽이는올라가고싶다
- Today
- Total
목록JavaScript/React (2)
devlog
1. socket.io란? - socket.io란 실시간으로 상호작용하는 웹 서비스를 만드는 기술인 웹소켓을 쉽게 사용할 수 있게 해주는 모듈이다. * 참고: http와 socket 차이 2. react에서 socket.io 사용하기 글쓴이는 간단하게 index.js 파일에서 socket 연결을 하도록 해봤다. (create-react-app으로 간단히 생성) import socketio from 'socket.io-client'; const socket = socketio.connect('http://localhost:4000'); (() => { socket.emit('init', { name: 'bella' }); socket.on('welcome', (msg) => { console.log(msg..
문제 component를 만들고 export시켜 app.js에서 사용하려 했다. but.. 문제가 생겼다. 아래와 같은 오류가 뜬다. 사실 나는 react를 처음 사용하면서 공식 문서를 읽지않고 사용해서 이런 문제를 만난 것 같다. 나는 지금 react hook을 사용하고 있고 hook을 사용할 때 rule이 있다. 지금 이 문제는 내가 아래와 같은 코드를 사용해서다. import React from 'react'; import { useQuery } from '@apollo/react-hooks'; const roomList = () => { const { loading, error, data } = useQuery(GET_ALL_ROOMS); if (loading) ret..