김컴공랩

헬로월드! 김컴공입니다. 지난 포스팅에 이어, 스프링과 몽고디비를 연동하는 것을 계속하겠습니다. 이전에 서버의 몽고디비 포트(27017)를 오픈했으니, 이제 MongoDB Compass 를 이용해 접속을 테스트하겠습니다. mongodb://[계정명]:[비밀번호]@[주소]:27017/[데이터베이스명] 몽고디비에 접속하기 위해서는 가상머신의 IP주소와 포트번호, 접속할 데이터베이스 이름, 접속권한을 가진 계정이 필요합니다. 지금까지 가상머신의 주소, 포트, 데이터베이스 명을 해결했으니, 데이터베이스에 계정을 생성하고 접속권한을 설정하겠습니다. 몽고디비 계정 생성 다시 몽고디비 Shell 로 돌아가보겠습니다. $ mongo 우선 기본적으로 몽고디비는 외부 접속 인증을 할 때 admin 데이터베이스에 존재하는 ..

헬로월드! 김컴공입니다. 이번 포스팅부터는 스프링과 데이터베이스를 연동해보도록 하겠습니다. 데이터베이스는 NoSQL 인 몽고디비를 사용할 것입니다. 오늘 포스팅에서는 몽고디비를 운용하기에 앞서 먼저 데이터베이스를 설치하고 명령어를 익혀보고 권한설정을 해보도록 하겠습니다. 몽고디비 설치 먼저 서버를 배포할 가상머신에 접속합니다. (클라우드 컴퓨터 및 가상머신 접속은 kimce.tistory.com/category/Cloud 에서 확인하세요.) 가상머신에 몽고디비 서버를 설치합니다. 아래 명령어는 우분투 운영체제에서의 몽고디비 설치 명령어입니다. $ apt-get install mongodb 저 같은 경우 설치하는데 3~5분 정도 소요했습니다. 설치가 완료되면 아래 명령어를 이용해 몽고디비에 접속합니다. $..

헬로월드! 김컴공입니다. 몽고디비를 이용하려고할 때, 특히 다음 명령어를 입력해보면, 아래와 같은 에러메세지가 뜨는 경우가 있습니다. $ mongod 더보기 2021-01-12T22:39:24.050+0900 I CONTROL [initandlisten] MongoDB starting : pid=16741 port=27017 dbpath=/data/db 64-bit host=instance2 2021-01-12T22:39:24.050+0900 I CONTROL [initandlisten] db version v3.6.3 2021-01-12T22:39:24.050+0900 I CONTROL [initandlisten] git version: 9586e557d54ef70f9ca4b43c26892cd55257..

* "HTTP 완벽가이드" 를 읽고 정리한 내용을 바탕으로 서술한 포스팅입니다. 미디어타입 HTTP 통신에서는 수 많은 데이터 타입을 다루는데, 이를 구분하기 위해서 HTTP는 통신 시 전송되는 객체 각각에 MIME 타입이라는 데이터 포맷 라벨을 붙임 -> MIME MIME(Multipurpose Internet Mail Extensions) 우리말로 "다목적 인터넷 메일 확장"으로, 원래는 각기 다른 메일 시스템 사이 호환성 문제를 해결하기 위해 설계됐는데, 이를 HTTP 에서도 멀티미디어 컨텐츠가 어떤 것인지 기술하기 위해 채택함. 예를 들어 HTML 문서를 전송할 때는 "text/html" 라벨이, JPEG 이미지를 전송할 때는 "image/jpeg" 가 붙는다. HTTP 에서 MIME 미디어 타입..

헬로월드! 김컴공입니다. 이전 스프링부트 포스팅까지는 프로젝트를 생성하고 간단한 컨트롤러를 생성해봤습니다. 이번 포스팅에서는 타임리프라는 것을 활용해 웹 서비스를 배포해보겠습니다. 우선 타임리프에서 간단하게 살펴볼까요? 타임리프(Thymeleaf) 란? 타임리프 공식 홈페이지(www.thymeleaf.org/index.html) 를 살펴보면, 서버사이드 렌더링을 위한 템플릿 엔진이라고 정의돼있습니다. 서버에서 템플릿 형식으로 배포해서 이용자들은 그 문서를 읽는 것인데요, 다소 어렵게 느껴지는 것 같아서, 공식 홈페이지의 코드를 일부 가져오겠습니다. Name Price Oranges 0.99 타임리프의 코드 일부입니다. 얼핏보면 html 문법이랑 매우 흡사합니다. html 문법과 비슷하게 짜여져 있어서 기..

헬로월드! 김컴공입니다. 현재 프론트엔드 개발로 가장 많이 쓰이고 있는 프레임워크인 리액트를 다뤄보겠습니다. 저 또한 프로젝트를 진행하면서 Vue.js 와 함께 아주 많이 사용했던 프레임워크입니다. 지금도 계속해서 많은 프레임워크들이 생겨나고 또 좋은 프레임워크가 많지만, 우선 저는 리액트와 뷰를 위주로 포스팅을 이어갈 계획입니다. React 를 직접 사용하기 전에, 리액트에 관한 기본적인 개요에 대해서는 공식 홈페이지를 참조하세요.(ko.reactjs.org) 리액트 공식 홈페이지에는 위 사진처럼 "자습서"가 존재해서, 목차를 따라서 하나하나 따라가보면 어느정도 시작하는데에는 문제가 없을 것입니다. 제가 올린 포스팅은 리액트를 사용했던 경험 기반으로 작성한 포스팅이기 때문에, 위 자습서를 먼저 훑어보고..

헬로월드! 김컴공입니다. 저번 포스팅까지, 네이버 클라우드의 가상머신에 접속해봤는데요. 이제 웹 서비스를 배포해보도록 하겠습니다. 그에 앞서 준비해야할 것이 있습니다. 다른 클라우드 컴퓨팅 서비스들에 경우 가상머신마다 기본적으로 외부에 노출되는 공인 IP 가 부여되는데, 네이버 클라우드 가상머신은 그렇지 않습니다. 공인 아이피를 등록해야만 그 아이피를 이용해 서비스를 배포할 수 있게됩니다. 우선 네이버 클라우드 콘솔의 공인아이피 탭으로 가주세요. (console.ncloud.com/server/publicIP) 현재 보유중인 공인 아이피가 없습니다. 상단의 "공인 IP 신청" 버튼을 클릭해보겠습니다. 여기서 중요한 항목은 "적용 서버 선택" 입니다. 여러분이 기존에 만든 가상머신을 선택해야 그 가상머신으..

헬로월드! 김컴공입니다. 이전 포스팅에서 컨트롤러를 생성했습니다. 그럼 최종적인 결과 확인을 위해 프로젝트를 로컬에서 배포해보고, Postman 을 이용해 테스트해보도록 하겠습니다. Postman 이란? 상용 웹 서비스 혹은 웹 API 를 확인할 수 있고 또는 직접 개발한 API 를 테스트하는 용도로 자주 쓰이는 프로그램입니다. 저 또한 웹서비스 프로젝트를 개발할 때 아주 많이 사용한 소프트웨어로, 특히 백엔드 개발 시에 유용하므로 익혀두면 좋은 프로그램입니다. 스프링부트 프로젝트 배포 우선 지금까지 만든 스프링 프로젝트 창을 확인해보겠습니다. 패키지 디렉터리에 MainController 를 생성했고, 이는 /hello GET Request 를 처리하는 컨트롤러입니다. 이제 위 사진에 표시된 것 처럼 해..