안녕하세요. @u robotics입니다.
예전에 대회에서 만들려고 했으나
제대로 못 만들었던 화상 채팅 프로그램을 생각해봤어요.
문득 그냥 간단한 채팅 프로그램을
한 번 올려볼려고 합니다.
여러분들도 가벼운 마음으로 한 번 해보세요.
먼저 개발툴은 아무거나 깔아도 되는데요.
이번에는 웹스톰을 깔아볼려고 합니다.
(저한테 가르쳐주신 분이 웹스톰을 사용하셨기 때문에)
아직 툴간 차이를 몰라서
그냥 가르쳐주신 분 꺼를 그때마다 쓰고 있답니다. ㅎㅎㅎ
제 수준이 소름이 돋네요 갑자기.
툴도 자기껄 못 쓰는 수준인가. ㅋㅋㅋㅋ
아무튼
webstorm 을 설치해주시고요.
https://www.jetbrains.com/webstorm/Node.js 를 설치해주세요.
https://nodejs.org/ko/
그리고 나서
인터넷 켜시고
socket.io
사이트를 봐주세요.
여기에
간단한 채팅 프로그램 소스가 있습니다.
이걸 보고 따라할 겁니다.
(독학 가능하신 분은 직접 읽고 따라해보시면 됩니다.)
그럼 차근차근 해봅시다.
일단, 웹스톰을 켜시구요.
프로젝트 이름을 정하시고요.
empty project를 선택해줍니다.
그리고 맨 왼쪽 아래에 보시면
터미널이라고 있어요.
그걸 클릭해주세요.
그러면 맨 밑에 창이 하나 뜨는데요.
여기서 이제 명령어를 입력할 수 있습니다.
웹스톰을 안 쓰시고,
따른 개발툴을 쓰시는 분들은
(아톰, 서브라임 텍스트3 등등)
터미널 대신에
windows + R 키를 눌러서
명령 프롬프트를 열고
거기서 작업하셔도 똑같습니다.
그러면 이제 터미널에 명령어를 입력해보겠습니다.
npm init -y
npm i express --save
그 다음에 js(자바 스크립트) 파일을 하나 만들어줍니다.
이름은 server.js 로요.
그러면 이름 넣으라는 창이 뜹니다.
server라고 입력해주시면 됩니다.
(다른 걸 쓰셔도 괜찮아요 ㅎㅎㅎ)
server.js 파일에 이제 뭔가 내용을 넣어야 하는데요.
socket.io에서 get-started 클릭하시면 내용이 있어요.
https://socket.io/get-started/chat/
특히 이 부분을 복사하셔서
server.js 파일에 넣어주세요.
그리고 터미널에서
node server
를 입력하세요.
그러면 서버가 떴습니다.
웹 창에서
localhost:3000
입력하시면
hello world가 출력됩니다.
일단 화면은 떴네요. ㅎㅎㅎ
덜 했는데 잠 와서
내일 또 쓰겠습니다.
감사합니다. ^^;;