덜 생각하고 더 행동하기

Node.js에서 많이 쓰이는 express 모듈을 사용해 간단한 웹 서버를 열어보겠습니다. Node.js v16.13.1 npm v8.3.0을 기준으로 작성된 글입니다. 버추얼 박스 우분투 가상머신에서 진행합니다. 버추얼 박스에 리눅스 운영체제 우분투 설치 & 세팅하기 버추얼 박스를 이용해 우분투 가상 머신 환경을 구축합니다. 버추얼 박스가 설치되어 있어야 합니다. 저는 v6.1.18를 사용하였습니다. 우분투 v20.04.3 환경을 구축합니다. 버추얼 박스는 가상 머신 munak.tistory.com Node.js 설치는 아래글을 참고하시면 됩니다. [Node.js] 설치하기 여러 설치 방법 중 NVM을 이용한 Node.js 설치 방법을 다룹니다. Ubuntu 20.04을 사용합니다. 저는 아래 글에서..

클립보드가 공유 안되어있다면 코드를 붙여 넣거나 할 때, 상당히 불편합니다. 이번글에서는 클립보드 양방향 활성화를 통해 호스트-게스트 간 복사/붙여 넣기가 가능하도록 설정해 보겠습니다. 먼저 버추얼 박스의 가상 머신을 실행시켜줍니다. 아래 그림처럼 [장치] > [클립보드공유] > [양방향]으로 설정해 줍니다. 하지만 아직 복사/붙여넣기가 되지 않을 겁니다. 공유를 위해 게스트 확장이 필요합니다. 일종의 드라이브 설치라고 생각하면 됩니다. [장치] > [게스트 확장 CD 이미지 삽입...]을 선택해 줍니다. 그럼 아래와 같이 대화상자가 나타날 겁니다. [Run]을 눌러줍니다. 계속 진행하기 위해서는 루트 권한이 필요합니다. 가상 머신 비밀번호를 입력하고 [Authenticate]를 클릭합니다. 그럼 모듈 ..

배경이 흰색이다 보니 캡처한 이미지와의 경계가 불분명해 가독성이 떨어진다고 생각했습니다. CSS 수정을 통해 첨부되는 이미지에 테두리가 나타나도록 바꾸어 보겠습니다. [블로그 관리] > [스킨편집] 탭을 선택합니다. 그럼 다음과 같은 스킨 편집 페이지가 열립니다. 왼쪽 상단에서 편집하고자 하는 페이지의 분류를 선택하고 왼쪽 메뉴에서 [html 편집]을 선택합니다. 그럼 HTML과 CSS를 편집할 수 있도록 편집기가 열립니다. 이번 글에서는 CSS 수정을 통해 이미지에 테두리를 추가할 것이기 때문에 오른쪽에서 [CSS]를 선택합니다. 편집창을 한번 클릭하고 Ctrl + F를 누릅니다. 그럼 노란 창이 켜지며 검색 기능이 활성화됩니다. 그리고 img를 입력합니다. (크롬 창의 검색과는 다릅니다. 반드시 편집..

스킨의 CSS변경을 통해서 배경색을 바꿀 수 있습니다. [블로그 관리] > [스킨 편집] 탭을 선택합니다. 그럼 다음과 같은 스킨 편집 페이지가 열립니다. 왼쪽 상단에서 편집하고자 하는 페이지의 분류를 선택하고 왼쪽 메뉴에서 [html 편집]을 선택합니다. (저희는 전체 배경색을 바꿀 것이기 때문에 페이지 분류는 크게 상관없습니다.) 그럼 HTML과 CSS를 편집할 수 있도록 편집기가 열립니다. 이번 글에서는 CSS 수정을 통해 배경색을 바꿀 거기 때문에 오른쪽에서 [CSS]를 선택합니다. 그리고 body 태그의 background 속성의 색상 코드를 바꾸어 줍니다. [색상 코드 추출하기] 색상 코드는 네이버에서 [색상 팔레트]를 검색하면 쉽게 추출할 수 있습니다. 색상 팔레트 : 네이버 통합검색 '색상..

버추얼 박스를 이용해 우분투 가상 머신 환경을 구축합니다. 버추얼 박스가 설치되어 있어야 합니다. 저는 v6.1.18를 사용하였습니다. 우분투 v20.04.3 환경을 구축합니다. 버추얼 박스는 가상 머신 소프트웨어로 이를 이용해 여러 OS들을 사용해 볼 수 있습니다. [가능한 OS 목록] Guest_OSes – Oracle VM VirtualBox Status: Guest OSes The following table gives an overview of how well VirtualBox operating systems work in its virtual machines. Rows marked with an asterisk (*) contain information reported by users and..

학교 텀 프로젝트로 네이버 지도 API를 사용해보았습니다. API를 처음 사용해보는 거라 붙여넣기에 가깝지만 이 글이 누군가에게 도움이 되길 바랍니다. NAVER 지도 API v3를 사용합니다. 네이버 지도 API는 다양한 기능을 제공하고 있기 때문에 편리하게 데이터를 지도에 표현할 수 있습니다. 이를 사용하기 위해서 클라이언트 아이디가 필요합니다. 이 글은 발급받기 위한 절차를 설명합니다. 먼저 네이버 클라우드 플랫폼에 회원가입을 합니다. NAVER CLOUD PLATFORM cloud computing services for corporations, IaaS, PaaS, SaaS, with Global region and Security Technology Certification www.ncloud..

Node.js v16.13.1 npm v8.3.0을 기준으로 작성된 글입니다. AWS EC2를 이용한 우분투 환경에서 실행합니다. Node.js 설치는 아래를 참고하시면 됩니다. [Node.js] 설치하기 여러 설치 방법 중 NVM을 이용한 Node.js 설치 방법을 다룹니다. Ubuntu 20.04을 사용합니다. 저는 아래 글에서 생성한 AWS EC2 인스턴스에 VS 코드를 연결하여 진행하겠습니다. AWS EC2 인스턴스 생성하기 munak.tistory.com Node.js에는 HTTP모듈이 내장되어있습니다. 이를 이용하면 쉽게 웹서버를 구축할 수 있습니다. 이번 글에서는 HTTP 모듈로 파일 업로드가 가능한 간단한 웹서버를 만들어 보겠습니다. 먼저 코드와, 모듈들을 저장할 폴더를 하나 생성해 줍니다..

서버를 작동시킬 때 정상적으로 종료(Ctrl +C) 하지 않고 서버를 (재)실행시키면 이미 사용 중인 포트라며 오류가 뜰 때가 있습니다. ubuntu@ip-172-31-24-226:~/Upload$ node server.js node:events:368 throw er; // Unhandled 'error' event ^ Error: listen EADDRINUSE: address already in use :::3000 at Server.setupListenHandle [as _listen2] (node:net:1334:16) at listenInCluster (node:net:1382:12) at Server.listen (node:net:1469:7) at Object. (/home/ubuntu/U..