전체 글

[Node] Koa 프레임워크 [2]

2. 작업 환경 준비 2.1 Node 설치 확인 Node.js 개발을 하기 위해서는 당연히 Node.js 런타임이 설치되어 있어야 합니다. node.js 설치유무는 터미널에서 node --vesrion 명령어로 확인하실 수 있습니다. 만약 설치되어 있지 않다면 node 홈페이지 메뉴얼에 따라 설치해주시기 바랍니다. 2.2 프로젝트 생성 이번에 만들 백엔드 프로젝트는 추후에 만들 블로그 프로젝트와 연동할 서버입니다. blog 디렉토리를 만들고, 그 내부에 blog-backend 디렉토리를 생성합니다. 해당 디렉토리에서 명령어를 실행하여 패키지 정보를 생성합니다. mkdir cd blog mkdir blog-backend cd blog-backend yarn init -y 작업이 끝나면 디렉토리안에 pack..

[Node] Koa 프레임워크 [1]

1. Node 개념잡기 1.1 백엔드 서버에서 만들어낸 데이터는 여러 목적으로 사용할 수 있습니다. 서버에 데이터를 담기 위해서는 여러 가지 규칙이 필요합니다. 예를 들어 특정한 데이터를 저장하기 위해서 사용자 인증이 필요할 수도 있고, 등록한 데이터의 검증방법, 데이터 다양성에 대한 구분 등 을 고려해야 합니다. 데이터를 조회할떄도 동일합니다. 어떤 종류의 데이터를 몆개로 보여줄 지 그리고 또 어떻게 보여줘야 하는지 등 로직을 만드는 작업을 서버 프로그래밍 또는 백엔드 프로그래밍이라고 합니다. 백엔드 프로그래밍은 여러가지 환경에서 언어에 구애받지 않고 수행할 수 있습니다. PHP, 파이썬, 자바, 자바스크립트, 루비 등과 같은 언어로 구현이 가능합니다. 1.2 Node.js 처음에는 자바스크립트를 웹 ..

[프로젝트] REACT 채팅서버 만들기 [3]

- REACT를 사용한 채팅 어플리케이션 구현 1. 환경 REACT node.js socket.io 2. 프로젝트 구성 node.js 환경의 server 구성 socket.io 라이브러리로 웹소켓 통신 및 실시간 채팅기능 구현 client front 환경 분리 및 서버간의 실시간 통신 구현 3. 흐름도 먼저 server(node)를 start 명령어로 실행합니다(서버가 동작하고 있다는 전제하에 진행합니다) client(react) 환경에서 접속하여 채팅방 가입을 위한 정보를 입력하여 "가입" 버튼을 클릭합니다. 가입 버튼을 클릭하면 이벤트가 호출되어 아래의 url의 컴포넌트에 이름과 방 이름을 전달합니다. chat 컴포넌트는 서버의 sccket.io-client를 통한 sever간의 실시간 웹소켓 통신을..

[프로젝트] REACT 채팅서버 만들기 [2]

- REACT를 사용한 채팅 어플리케이션 구현 1. 환경 REACT node.js socket.io 2. 프로젝트 구성 node.js 환경의 server 구성 socket.io 라이브러리로 웹소켓 통신 및 실시간 채팅기능 구현 client front 환경 분리 및 서버간의 실시간 통신 구현 3. 흐름도 먼저 server(node)를 start 명령어로 실행합니다(서버가 동작하고 있다는 전제하에 진행합니다) client(react) 환경에서 접속하여 채팅방 가입을 위한 정보를 입력하여 "가입" 버튼을 클릭합니다. 가입 버튼을 클릭하면 이벤트가 호출되어 아래의 url의 컴포넌트에 이름과 방 이름을 전달합니다. chat 컴포넌트는 서버의 sccket.io-client를 통한 sever간의 실시간 웹소켓 통신을..