본문 바로가기

전체 글

(85)
[Vue] VueJs + NodeJs + Socket.IO 를 사용하여 간단한 채팅 구현 VueJs + NodeJs + Socket.IO 를 사용하여 간단한 채팅 구현 이번에는 간단한 채팅앱을 구현해보았다. 기본적으로 VueJs + NodeJs 를 해보았다는 가정하에 진행하겠다. 1. 웹소켓이란? 우리는 일반적으로 웹상에서 서버와 데이터를 주고 받을때 HTTP 를 주로 사용합니다. 하지만 HTTP 는 요청이 있어야 이에 대한 응답을 보내주기 때문에 실시간 을 보장할 수 없었고, 폴링(polling) 방식 또는 롱폴링(polling) 방식을 사용하였습니다. 하지만 이러한 방식도 결과적으로는 실시간을 보장할 수 없을뿐더러 불필요한 HTTP 요청/응답 이 늘어나고 그만큼 서버 및 네트워크의 부하가 커졌습니다. 이에 따라 발전한게 웹소켓(WebSocket) 이며 한번의 요청(Request) 로 서버..
[Vue] Vue CLI3 + Vuetify 개발환경 세팅 Vue CLI3 + Vuetify 개발환경 세팅 토이프로젝트를 하기 위해 Vue 를 사용하기로 하였다. 빠른 설치환경을 위해 Vue CLI 를 사용하고 프론트 디자인은 전문 영역이 아니기때문에 Vuetify 를 사용하였다. Vue CLI3 + Vuetify 개발환경 세팅은 몇가지 명령어로 쉽게 생성할 수 있따. 기본적으로 node 가 설치되어 있다는 가정하에 포스팅을 시작하겠다. ( 만약 Node 가 설치 되어있지 않다면 [Node.js] Node.js 설치하기 (Windows10) 를 보고 설치하길 바란다 ) 1. Vue CLI 설치 > npm install @vue/cli -g 2. Vue App 만들기 > vue create my-app 명령어를 입력하면 위와 같이 프로젝트설정 화면이 나온다. 프로..
[MySQL] MySQL ZIP Archive 버전 설치 ( windows10 , ver. 8.0.16 ) MySQL ZIP Archive 버전 설치 실습용도로 구글링하면서 MySQL 을 설치해보고 삽질좀 하다가 다음번에 또 참고할 일이 있을까 하여 정리해본다. 구글링 하면서 찾은 설치방법은 대부분 my.ini 와 같은 구성파일을 필요로 하는것 같은데 이번에 최신버전을 설치하면서 보니 아마 필요없는듯 하다. os : windows 10 mysql version : 8.0.16 1. MySQL HOME PAGE 로 접속하여 zip 파일 내려받기 https://dev.mysql.com/downloads/mysql/ 2. 내려받은 압출파일을 원하는 경로에서 압출풀기 3. 환경변수 설정 내PC [우클릭] -> 속성 [클릭] -> 고급 시스템 설정 [클릭] -> 사용자변수 의 새로 만들기 [클릭] 변수이름 : MYSQ..
[HTTP] HTTP 기초 ( HTTP , URI 은 무엇인가 ) HTTP 기초 ( HTTP , URI 은 무엇인가 ) 웹 개발자라면 누구나 아는 "HTTP" , 그동안은 웹은 HTTP 를 통해서 통신한다고 만 알고 있었지, 깊게 공부해본적은 없었다. 하지만 최근 "REST API" 를 사용하여 개발을 하다보니 자연스레 HTTP 의 구조에 대해 관심을 가지게 되었다. > 라는 책을 주로 참조하였으며 앞으로 책을 읽으며 하나씩 개념을 정리해나갈 생각이다. HTTP 란? HTTP는 Hyper Text Transfer Protocal 의 약자이다. 전 세계의 웹 브라우저, 서버, 웹 어플리케이션은 이 HTTP 를 사용하여 대화한다. HTTP 를 통해 이미지, HTML 페이지, 텍스트, 동영상 등 정보를 빠르고, 정확하고 간편하게 전달한다. HTTP 는 신뢰성있는 전송프로토콜..
[JWT in Node.js] JWT (json web token) 이란? JWT (json web token) 이란? 웹을 배우기 시작했을 무렵 session 과 cookie 를 이용한 로그인기능을 배웠다. 하지만 요즘은 대세가된 페이스북이나 카카오 등 소셜로그인 기능은 위의 방식과 다른 토큰방식의 로그인 기능을 제공한다. 따라서 이번에는 JWT(json web token) 에 대하여 알아보았다 먼저 JWT 에 대하여 알아보고 이후 Node.js 와 함께 사용하는 방법을 알아보도록 하겠다. 아래 내용은 스터디에서 발표를 위해 작성한 내용입니다. 참조 : https://jwt.io/introduction/ JWT(JSON WEB TOKEN) 이란? 개체간 JSON 을 사용하여 정보를 안전하게 전송하기 위한 독립적(self-contained) 이고 컴팩트한 웹표준(RFC 7519..
[JAVA/자바] 년,월,일 날짜 더하기 년,월,일 날짜 더하기특정 날짜에서부터 더하거나 빼진 날짜를 가져오고자 할때 사용한다. import java.text.SimpleDateFormat; import java.util.Calendar; import java.util.Date; public class DateUtil { public static void main(String[] args) throws Exception { String date = "20180910"; String result = addDate(date,1,12,1); System.out.println(result); } /** * 년 월 일 날짜 더하기 * * @param dt(날짜) , y(년) , m(월), d(일) * @Exam addDate("20180910",1,12..
[MongoDB] MongoDB Database Collection Document 이란 무엇인가? MongoDB Database Collection Document 이란 무엇인가? 몽고DB는 크로스 플랫폼의 document 지향 데이터베이스입니다.높은 성능(high perfomence) , 높은 사용성 ( high availability ) , 그리고 쉬운 확장성 (easy scalaility) 을 제공합니다.몽고DB는 아래와같이 구성됩니다. Database , Collection, Document 그렇다면 위 3가지의 의미를 알아보도록 하자 1. Database - 데이터베이스는 컬렉션의 물리적 컨테이너 입니다. 하나의 데이터베이스에는 보통 여러개의 컬렉션을 가지고 있습니다. 2. Collection - 컬렉션은 몽고DB Document 의 그룹이며 RDBMS 의 예를 들면 Table 과 개념과 유..
[MongoDB] Robomongo 3T 설치 및 실행( Windows10 ) Robomongo 3T 설치 및 실행( Windows10 ) 이번에는 MongoDB 관리툴인 Robomongo 를 설치해보도록 하겠습니다. 기존의 Robomongo 이 Robo 3T 라는 새로운 이름으로 변경된것같습니다. 툴을 이용하면 기존의 커맨드라인에서 하던 작업을 GUI 버전으로 좀더 쉽게 관리할수있는 것이 장점입니다. 1. 홈페이지 접속 https://robomongo.org/download 위링크에 접속하면 아래처럼 다운로드 페이지가 열립니다. 좌측에 Studio 3T 와 우측에 Robo 3T 두가지가 있는데 여기서는 Robo 3T 를 설치해보도록 하겠습니다. 우측하단에 [ Download Robo 3T ] 를 클릭하면 됩니다. Windows 탭에 installer 버전 설치 2. 설치 라이센스..