socket.io사용하기 http통신을 할 떄도 socket이 열리기는 하지만 한번 주고 받고 바로 연결이 끊기게 된다. 그래서 자기가 지속적인 통신이 필요하게 된다면 socket.io를 사용하면된다. 이번 네트워크 과제를 하면서 socket io를 사용할 필요가 생겼다. 그래서 예전부터 가끔 사용해왔지만 이번에 완전히 정리하려고 한다. 설치 나는 보통 npm보다는 yarn을 사용한다. 왜냐면 속도가 어느 상황이든 더 빨라서 그렇다. yarn add socket.io npm i socket.io 그럼 설치가 완료되었으면 클라이언트와 간단한 노드 서버를 만들어 보겠다. client import io from "socket.io-client"; const socketClient = io("http://당신의..

dns server 설정하기 1. hosts 들어가서 ip mapping하기 Sudo vi /etc/hosts 에 들어가서 ip와 name을 mapping 시켜줍니다. url은 apache 인덱스 페이지가 작동하는 url과 동일하게 해줍니다. 즉 자기에 ip를 등록해주면 됩니다. 2. zone 설정해주기 sudo vi /etc/bind/named.conf 3. db.hoony.com 파일 만들어주기 우선 etc/bind/db.local파일을 db.hoony.com으로 복사해줍니다. 아래 명령어를 사용합니다. sudo cp /etc/bind/db.local /etc/bind/db.hoony.com 위를 아래와 같이 고쳐주세요 그리고 가상 머신을 종료 후 sudo service bind9 start를 실행해..

[컴퓨터 네트워크] - Webserver와 dnsServer 구축하고 wire shark로 패킷확인하기(1) WebServer 구축하기 이전에 설치하면서 Lamp를 선택해주었을 것이다. Lamp를 선택하면 apache2가 자동으로 설치된다. 없다고 당황하지 말고 apt-get install Apache2 그리고 sudo service apache2 start라고 치면 아파치 서버가 실행된다. apache 설정을 바꿀때 마다 새롭게 실행해야한다. ubuntu server에서 ifconfig를 쳐주면 ubuntu 데스크탑에 가서 이 url을 쳐주면 위와 같은 결과를 볼 수 있다. 이는 ubuntu Server에 있는 apache2에 ubuntu desktop이 접근 한 것을 볼 수 있다. 이를 wireSha..

필자의 경우에는 mac으로 진행하기 때문에 옵션 위치나 설정하는 방법이 조금씩 다르다. 그렇지만 크게 다르지 않으니 잘참고해서 꼭성공하길 바란다.......... 1. virtual box 환경 설정 필자는 ubuntu desktop과 ubuntu-server를 사용했다. desktop은 게스트 ubuntu server는 dns와 web server를 실행시킨다. 1.1 다운로드 https://www.ubuntu.com/download/desktop 사이트에가서 다운받으면 된다. version(필자의 경우) ubuntu desktop: 18.04.2 ubuntu server: 14.04.6 1.2 설치하기 ubuntu server 설치 이 다음 부터 예예예 계속 누르시면 됩니다. 언어 설정하기 한국어는 ..

expo cli Vs react-native cli 이전에 expo cli와 react-native cli를 통해 개발 해본적이 있다. 둘을 서로 비교해보려고 한다. expo 장점 ㅇ 일단 배포하기에 너무 편하다. - 매번 배포할 때 마다 검사받아야 하는 것이 아니다. - expo서버에 위치하는 코드만 바꾸어 주면 되 기 때문이다. - update와 배포하는데 훨씬 편하다. ㅇ ios 없이도 expo client와 통해 iphone test 가능 (mac os에서만 가능) ㅇ android studio x-code 없이도 자기가 사용하는 툴을 갖고 개발 가능 ㅇ 빠르고 간단하게 프로젝트 설치 가능 단점 ㅇ java, kotlin, object-c, swift로 추가 작성못하고 이 것으로 작성된 원시 모듈..

React를 ChromeExtension에 빌드하기 예전에 스포츠 정보 알림 같은 Chrome Extension등을 만들어 본적이 있는데 혹시 create-react-app을 사용해서 개발하면 더 편하게 개발 할 수 있지 않을까 해서 찾아보니 진짜로 가능했다. 그래서 온갖 삽질을 하던 중 드디어 만들게 되어서 포스팅 한다. 혹시나 몰라서 github 주소를 올려놓는다. https://github.com/facebook/create-react-app 이런식으로 폴더를 만들고 vsCode를 켜보면 아래와 같은 폴더 구조가 완성됩니다. public 폴더에 들어가보면 저희는 여기서 manifest만 수정할 것이다. public 폴더 안 mainfest 파일안을 아래와 같이 바꾸어준다. { "name": "Get..