이누의 개발성장기

Vim이란? 유닉스 계열 운영체제의 CLI 환경에서 사용하는 대표적인 텍스트 에디터 마우스없이 키보드로만 사용해야한다. UNIX에서는 이러한 Vim을 다룰줄 모르면, 기초적인 텍스트파일도 작성할 수 없다. vi improve의 줄임말이다. vim command를 입력해 사용한다. Vim의 4가지 모드 사용자가 같은 키를 눌러도, 모드가 무엇인지에 따라 다른 기능이 작동된다. 일반 모드, 입력 모드, 비주얼 모드, 명령 모드, 총 4가지가 존재한다. 일반 모드가 모든 모드로 이동할 수 있는 기본 모드이다. 일반 모드를 거치지 않고서는 다른 모드로 변경할 수 없다. 다른 모드에서 일반모드로는 ESC키를 통해 변경한다. 모드 변경 기능 일반 모드 (Normal Mode) ESC 커서이동, 텍스트 붙여넣기, 텍..

Frequently used command man : manual, command에 대한 메뉴얼 출력 clear : 화면 정리 pwd : print working directory, 현재 경로 출력 cd : change directory, 현재 경로 이동 (~ : 홈디렉토리, / : 루트디렉토리, - : 이전접근디렉토리, . : 현재, .. : 이전) ls : list, 현재 디렉토리의 파일 리스트업 (-l : 자세한 정보, -d : 디렉토리 정보확인) mv : move, 파일이동 혹은 이름변경 (-i : 덮어쓰기 확인) cp : copy and paste, 파일 복사 (-i : 덮어쓰기 확인, -r : 재귀적 적용) rm : romove, 파일 삭제 (-i : 제거 확인, -r : 재귀적 적용) cat..

man command man command는 UNIX에서 특정 command에 대한 메뉴얼을 불러오고 싶을 때 사용하는 command이다. man [모르는 커맨드] 맨 위에는 섹션과 매뉴얼 이름이 나온다. 공식 매뉴얼의 전체 내용 중 몇 번째 섹션에 해당하는 곳인지 알려준다. NAME : 커맨드의 이름과 커맨드에 대한 간단한 설명 SYNOPSIS : 어떻게 커맨드를 실행할 수 있는지 사용 가능한 형식을 보여줌. 대괄호가 포함된 것은 옵션, 그리고 대괄호 없는 것들이 인자. DESCRIPTION : 커맨드에 대한 좀더 자세한 설명과 각 옵션에 대한 설명 cf. 메뉴얼 살펴보기 화살표 : 아래 위 이동 스페이스바 : 한 페이지 후로 이동 b : 한 페이지 전으로 이동 g : 처음으로 이동 G : 끝으로 이동..

이하의 내용은 노마드코더님의 무료공개 수업인 '개발자를 위한 윈도우 셋업'(https://nomadcoders.co/windows-setup-for-developers/lobby) 내용 일부를 정리한 것입니다. 개인 정리의 목적이 더 크니, 학습을 위해선 노마드코더님의 강의를 수강하는 것을 추천합니다. WSL(Windows Subsystem for Linux) WSL은 리눅스의 네이티브 바이너리를 윈도우 환경에서 돌아가도록 만들어낸 시스템이다. 즉, 윈도우 환경에서 가상머신없이 리눅스 배포판 버전을 설치해 사용할 수 있도록 해준다. 이를 위해선 Window에 Linux용 Windows 하위 시스템 옵션이 설치되어 있어야한다. Linux용 Windows 하위 시스템 옵션을 사용하기 위해 아래 명령어를 Po..

CLI 환경이란 Command Line Interface의 약자, 명령어를 기반으로 주로 검은 화면에서 돌아가는 시스템. 우리에게 익숙한 GUI(Graphical User Interface)와 다르게 키보드로 command만 입력해서 작동한다. CLI는 핵심기능만 작동하면된다는 점에서 성능이 가볍고, 클릭이 아닌 명령어를 기반으로 작동하기 때문에 단순하고 정확한 처리가 가능하다. 개발을 하다보면 이러한 CLI 환경에서 작업을 해야하는 경우가 많다. 대표적으로 UNIX가 그것이다. 리눅스, 우분투, 레드헷, 크롬OS, 안드로이드, IOS 등의 전신이 UNIX이다. 따라서 UNIX를 어느정도 익히면 나머지 OS에도 쉽게 적응할 수 있다. 유닉스와 유사유닉스 유닉스는 대부분 c언어로 작성되어 다른 컴퓨터에 적..

미들웨어 미들웨어의 원래 뜻은 '클라이언트와 서버 간의 통신을 담당하는 시스템 소프트웨어 또는 컴퓨터와 컴퓨터의 연결을 담당하는 시스템 소프트웨어'이지만, 적용되는 서비스마다 그 의미가 달라진다. Node.js express에서 미들웨어는 '최종 요청 핸들러 이전의 Express 라우팅 계층에 의해 호출되는 함수로써, 따라서 원시 요청과 의도된 최종 라우트 사이의 미들웨어에 위치함'으로 정의된다. 아래와 같이 라우팅시 처리되는 함수도 모두 미들웨어 함수이다. 라우팅을 작성하는데 어떤 URL은 꼭 로그인을 요구하고 싶다고 하자. 로그인이 안되어있으면 로그인 페이지로 강제 이동한다. 특정 URL로 들어가기 전에 로그인을 체크한다. 미들웨어는 이러한 일련의 과정을 좀 더 쉽게해주는 것이라고 할 수 있다. 즉,..

view engine view engine이란 DB의 내용 등을 자연스럽게 HTML에 보여줄 수 있도록 하는 엔진이다. html 내부에서 해당 엔진을 활용해 반복문, 조건문 등을 사용할 수 있다. 다양한 패키지가 존재하는데 우리는 그 중 Nunjucks를 사용할 것이다. npm install nunjucks 명령어를 통해 패키지를 설치한다. npm install nunjucks nunjucks nunjucks.configure('template', { autoescape: true, express: app }); // template를 인식하고 사용하겠다 // autoescape는 보안상 true // express : app는 사용할 주체 nunjucks.configure를 통해 적용할 html 페이지..

Routing 새로운 주소가 추가될 때마다 하나의 파일에서 계속 코드를 추가해준다면 코드가 굉장히 복잡하고 관리가 어려워질 것이다. 따라서 Router라는 모듈을 이용해 특정 주소 패턴별로 파일을 따로 만들도록 한다. 우리는 /admin과 /admin/products 주소에 대한 요청을 만들것이고, admin으로 통하는 URI를 관리하는 파일을 따로 만들어 볼 것이다. 프로젝트 폴더 최상위에 routes 폴더를 만든다. 그리고 admin.js 파일을 생성해 해당 파일에 관련 정보를 작성한다. const express = require('express') const router = express.Router() // express 패키지의 Router를 가져온다. router.get('/', (req, r..

nodemon node (js파일명).js로 서버를 실행하면 소스가 변경될때마다 서버를 내렸다 다시 올려야한다. 하지만 이는 매우 귀찮고 불편하다. nodemon이라는 패키지를 설치하면 소스가 변경될때마다 서버를 내렸다 올리지 않아도 바로바로 적용될 수 있는 nodemon 명령어를 사용할 수 있다. npm install -g nodemon 을 통해 설치한다. npm install -g nodemon 설치가 완료되었다면 nodemon (js파일명).js 명령어를 사용해 서버를 열 수 있다. nodemon을 통해 서버를 올린다면 서버를 내렸다 올리지 않아도 바로바로 소스코드 수정사항이 적용된다. 가끔 html파일이 제대로 실시간 적용이 안되는 경우가 있다. 그 경우에는 nodemon -e js,html (j..

Express란 nodejs로 웹서버를 구축하는 방법은 다양하다. http 패키지를 사용해 구성할 수도 있고, 그 외에도 다양한 웹 프레임워크 패키지가 존재한다. node.js에서 사용하는 웹 프레임워크 패키지 중 하나이다. 왜 Express를 사용해야하는가 다양한 웹 프레임워크가 존재하지만, 제일 대중적이다. 따라서 프로젝트 진행시 인원 보충에도 좋고, 레퍼런스가 풍부해 참고자료도 많다. Express 사용해보기 npm install express 명령어를 통해 express 패키지를 설치할 수 있다. 설치 후 다음과 같은 코드를 작성하여 기본적인 기능을 테스트한다. 각 코드의 의미는 주석으로 설명했다. 기본적으로 request와 response에 대한 이해가 필요하다. const express = r..