Express (1) 기초 설치와 서버 실행
·
개발/Express
Express란? Node.Js 프레임워크 Node.Js를 더 효율적이고 쉬게 사용할 수 있게 함 Node.Js가 스크류드라이버라면 Express는 전동 드릴 정도 공식 웹사이트: https://expressjs.com/ Express 서버 시작하기 node.js 설치하기 mkdir express_server 새로운 서버 디렉토리 생성 touch server.js 서버 파일 생성 npm init package.json 파일 생성 npm install express express 설치 서버 실행 테스트하기 server.js에 아래와 같이 작성 node server.js 명령어로 파일 실행 const express = require("express"); const app = express(); app.lis..
미들웨어 Middleware 뜻
·
개발/Glossaries
미들웨어는 Node.js의 요청과 응답 사이클 중간에서 웹 애플리케이션에 필요한 중간 함수를 처리하는 역할을 합니다. 활성화된 미들웨어 함수가 요청-응답 사이클을 멈추지 않는 경우 next() 함수를 호출하여 다음 미들웨어 함수로 넘어갑니다. 미들웨어를 통해 요청을 받고 최종 응답 사이에서 다음 작업을 수행할 수 있습니다. 코드 실행 요청 및 응답 객체 변경 요청-응답 사이클 종료 스택 내 다음 미들웨어 호출 더 읽어보기 How to Build Middleware for Node.js: A Complete Guide Writing middleware for use in Express apps 미들웨어의 뜻과 정의
디펜던시 Dependency 뜻
·
개발/Glossaries
소프트웨어 디펜던시(dependency)란 새로운 소프트웨어에서 재사용되는 코드 라이브러리 또는 패키지를 의미합니다. 예를 들어, 머신 러닝 프로젝트 모델을 만들기 위해 파이썬 라이브러리(디펜던시)를 호출할 수 있습니다. 소프트웨어 디펜던시를 사용하여 개발자는 이전 개발 작업을 이어받을 수 있고 더 빠르게 소프트웨어를 완성할 수 있습니다.소프트웨어 디펜던시가 발달하지 않았던 초창기에는 라이브러리를 다운로드하고 설치하는 것이 번거로웠습니다. 작은 패키지들을 재사용하는 것은 거의 불가능했습니다. 그러나 시간이 흐르며 Node.js의 NPM(Node Package Manager)와 Java의 Maven과 같은 도구가 출시되어 단 몇줄의 코드로 이뤄진 작은 패키지들을 쉽게 사용할 수 있게 되었습니다.더 읽어보기..
컴파일러 Compiler 뜻
·
개발/Glossaries
컴파일러란 프로그래밍 언어의 소스 코드를 기계 언어, 바이트 코드 또는 다른 프로그래밍 언어로 전환하는 특별한 프로그램입니다. 소스 코드는 보통 자바나 C++과 같은 사람이 읽을 수 있는 하이레벨 언어로 작성됩니다. 프로그래머는 코드 에디터에 소스 코드를 작성하거나 소스 코드와 여러 텍스트 파일을 작성할 수 있는 IDE에 이를 작성합니다. 컴파일러는 소스 프로그래밍 언어를 읽고, 코드를 분석한 다음 대상 플랫폼에 적합한 형태로 전환합니다. 더 읽어보기 What is a compiler?
RESTful API 정리
·
개발/Internet
RESTful API란 무엇이며 어떻게 작동할까요? 이를 이해하려면 먼저 API의 의미를 알고 REST와 RESTful의 뜻에 대해 알아야 합니다. API란? API는 Application Programming Interface를 의미합니다. 이는 다른 소프트웨어 시스템과 통신하기 위한 규칙입니다. 저 멀리에 있는 알 수 없는 누군가와 통신을 하고 싶다고 생각해보세요. 서로가 각자의 방식으로 통신 방식을 구현한다면 메시지를 주고 받을 수 없을 것입니다. 정확한 통신을 위한 일종의 규칙이 필요하겠죠. 이것이 바로 API의 역할입니다. 웹 API는 클라이언트와 서버를 연결하는 게이트웨이라 할 수 있습니다. REST란? REST(Representational State Transfer)란 API 작동 방식을 ..
성공적인 사이드 프로젝트 시작을 위한 3가지 팁
·
개발/Articles
데드라인을 정하고 엄수할 것! 안정하고 안지키면 끝이 안난다. 클라이언트에게 일을 받은 것처럼 프로젝트를 하기. 핵심 기능만 개발하도록 집중. 개발 하다보면 이것저것 하게 될 수 있는데 핵심에 집중. 최소한의 핵심 기능 (MVP: Minimum Viable Produc)을 구현하는 것을 목표로 할 것. 끝내는 게 중요하다 아름답고 멋지게 만드는 것도 중요하지만, 끝내는 게 더 중요함 끝내기는 쉽지 않다. 일단 런칭하고 조금씩 보완해 가기.
자바스크립트 코드 난독화 사이트
·
개발/JavaScript
자바스크립트 난독화를 통해 코드를 이해하기 어렵고, 권한 없이 복사 및 재사용, 수정이 힘들게 만들 수 있습니다. 난독화를 거친 코드는 가독성이 떨어지지만, 기존 코드와 동일하게 작동합니다 자바스크립트 난독화 사이트: https://obfuscator.io/ UglifyJS와 같이 자바스크립트 코드 이해가 어렵게 만들어 주는 사이트도 있지만, JS Beautifier와 같은 앱을 통해 쉽게 변환할 수 있습니다. 위 사이트에서는 self-defending, debug protection과 같은 추가 난독 기능을 제공합니다. 자바스크립트 소스 코드를 아래 창에 붙여 넣으면, 다음과 같이 난독화된 코드로 변환됩니다.
클라스를 통한 CSS 속성 적용 방법 ✔️
·
개발/CSS
지난 글에서는 HTML 문서의 기본 요소에 CSS를 적용하는 방법에 대해 살펴봤습니다. 선택자를 사용하여 간단하게 문서의 h1 태그나 p 태그에 CSS를 적용할 수 있었는데요. 각 요소마다 서로 다른 스타일을 적용하려면 어떻게 해야 할까요? 이 때는 HTML 요소에 클라스(class)를 부여하여 CSS를 적용할 수 있습니다. CSS와 클라스 다음과 같은 목록이 있다고 해보겠습니다. 이 중에서 두 번째 목록에만 특정한 스타일(오렌지 색으로 변경)을 부여하고 싶다면 어떻게 해야 할까요? Item One Item Two Item Three 다음과 같이 두 번째 요소에 클라스 속성을 부여하면 됩니다. Item One Item Two Item Three 다음으로 CSS에서 해당 클라스를 선택하여 속성을 부여합니다..