👩🏻‍💻 Dev/Back-End

npx express-generator 명령어를 사용하면 Express 애플리케이션의 기본 템플릿을 만들어준다.참고로, Express는 Node.js를 위한 웹 프레임워크이다!express-generator는 프로젝트 구조만 생성하고, dependencies(의존성)는 자동으로 설치하지 않는다. 따라서 프로젝트 생성 후 아래 명령어들을 실행해야 한다.npm install # 의존성 설치npm start # 서버 실행 생성된 Express 프로젝트 구조.├── app.js├── bin│ └── www├── package.json├── public│ ├── images│ ├── javascripts│ └── stylesheets│ └── style.css├── routes..

자바스크립트 형 변환 (type conversion)자바스크립트에서, 함수와 연산자에 전달되는 값들은 대부분 적절한 자료형으로 자동 변환된다. let a = "5";let b = "10";// 자바스크립트는 문자열을 숫자로 변환한 후 비교함console.log(a > b); // false ("5"와 "10"을 숫자로 변환하여 5 > 10을 비교)alert( "6" / "2" ); // 3, 문자열이 숫자형으로 자동변환된 후 연산이 수행let result = 5 + "10"; // "510"이 됨https://ko.javascript.info/type-conversions 형 변환 ko.javascript.info    parseInt자동으로 형 변환을 해줄 때가 많지만, 코드의 명확성과 예측 가능한 동..

Express.js는 Node.js 환경에서 사용되는 인기 있는 웹 프레임워크. 간단한 서버 설정과 API 엔드포인트 정의를 쉽게 할 수 있다.https://www.npmjs.com/package/express expressFast, unopinionated, minimalist web framework. Latest version: 4.19.2, last published: 5 months ago. Start using express in your project by running `npm i express`. There are 85293 other projects in the npm registry using express.www.npmjs.comnpm i express Express 서버 설정con..

Node.jsNode.js의 역할자바스크립트를 웹 브라우저 밖에서도 실행할 수 있게 하는 플랫폼.자바스크립트를 스크립트 언어 이상으로 프로그래밍 언어 역할을 수행하게 함.Node.js의 활용백엔드뿐만 아니라 다양한 분야에서 사용:프론트엔드 프레임워크React와 Vue 등은 Node.js를 기반으로 빌드 및 개발 도구 체인을 제공. Node.js는 자바스크립트의 싱글 스레드 특성을 유지하면서도, 이벤트 기반 및 논블로킹I/O 모델을 통해 비동기 작업을 효율적으로 처리할 수 있도록 설계된 런타임 환경이다! 싱글 스레드 기반 이벤트 루프 자바스크립트의 싱글 스레드 특성자바스크립트 언어 자체는 싱글 스레드로 설계되어있다. 즉, 한 번에 하나의 작업만을 처리할 수 있는 것이다. 이벤트 루프Node.js는 싱글 스..

모듈(Module)특정 기능을 캡슐화한 코드의 블록 또는 파일. 재사용성과 코드의 조직화를 돕는다.1. 기본 내장된 것Node.js에는 다양한 기본 내장 모듈이 포함되어 있다.setTimeout()fs, http, path 등.2. 외부 모듈Node.js 패키지 관리자인 NPM(Node Package Manager)을 통해 설치할 수 있다.설치 후 프로젝트에서 외부 모듈을 사용할 수 있다. Node.js에서 exports는 모듈을 정의하고 외부로 내보내기 위해 사용된다.다른 파일이나 모듈에서 정의된 모듈은 require로 불러와 사용할 수 있다.  라이브러리 vs 프레임워크라이브러리특정 기능을 수행하는 도구의 집합. 개발자가 필요할 때 호출해서 사용.제어권은 개발자에게 있다! 필요한 기능을 직접 호출하여..

API (Application Programming Interface)소프트웨어 애플리케이션 간에 서로 통신하고 데이터를 주고받을 수 있도록 하는 규칙 집합! Interface인터페이스란? 하나의 사물이 다른 사물과 상호 작용하는 방법이다. CLI, GUI에서 사용하듯! 인터페이스는 '매개체'의 의미를 가진다. REST APIREST API 는 REST원칙을 따르는 API, HTTP 규약을 잘 따른 API다.아래의 글에 REST API와 URI에 대해 상세히 정리한 바 있다.https://yesolz.tistory.com/entry/REST-API-URI-%EC%84%A4%EA%B3%84-%EA%B7%9C%EC%B9%99 REST API URI 설계 규칙API 네이밍을 하다가 고민이 생겼다. [PUT] ..

데이터베이스 (Database; DB)데이터를 통합하여 효율적으로 관리하기 위한 데이터 집합체데이터를 구조화하여 관리함으로써 데이터 중복을 막고, 효율적이고 빠른 데이터 연산을 가능하게 함 DBMS (DataBase Management System)데이터베이스를 생성, 관리, 조작하는 소프트웨어 시스템관계형 DBMS (RDBMS): MySQL, PostgreSQL, Oracle, Microsoft SQL Server 등.비관계형 DBMS (NoSQL): MongoDB, Cassandra, Redis 등. SQL (Structured Query Language)데이터베이스에 연산을 요청하기 위해 사용되는 언어데이터를 생성, 조회, 수정, 삭제 등과 같은 기능을 수행할 수 있다.INSERT, SELECT, ..

백엔드 구조   웹 서버 (Web Server)웹 서버는 정적 페이지에 대해 대응함동적 페이지에 대한 처리는 직접 처리하지 않고, 웹 어플리케이션 서버에게 전달* 정적페이지: 화면의 내용/데이터 등의 변동이 없는 페이지* 동적페이지: 데이터 처리/연산을 통해 화면의 내용, 데이터가 변하는 페이지 웹 어플리케이션 서버와 데이터베이스웹 어플리케이션 서버(Web Application Server, WAS)는 동적 페이지를 처리필요한 데이터 연산을 위해 데이터베이스와 연결되어 있으며 데이터 조회/수정/삭제에 대한 처리를 요청* 데이터베이스: 데이터를 통합하여 효율적으로 관리하기 위한 데이터 집합체-> 웹 어플리케이션 서버에 포커싱 ! Node.jsNode.js는 JavaScript를 브라우저 환경 밖에서도 사용..

개요 목록 조회를 하는데, 첫 페이지에 나온 아이템이 두번째 페이지에도 노출되는 이슈가 있었다. (고유한 아이템이므로 한번만 보여야 한다.) 또한 이슈를 재현하는 과정에서, 5개, 10개, 15개씩 등 보도록 페이지 사이즈를 변경할 때마다 순서가 다르게 노출되는 문제도 발견하였다. (원래는 5개 -> 10개 선택 시 위에 5개는 변함이 없고 밑에 5개가 추가되는 식으로 작동해야하지만 그러지 않았던 것이다.) 백엔드 쿼리를 확인해보니, 정렬 기준이 NULL값이거나 중복된 값일 때 처리해주는 로직이 없어, 데이터베이스가 해당 레코드들을 임의의 순서로 반환하고 있어 발생하는 문제였다. 문제였던 MyBatis 쿼리 B.STATUS_DATE IS NULL ASC, B.STATUS_DATE ${sortDirecti..

API 네이밍을 하다가 고민이 생겼다.[PUT] /urls/{id}/move과 [PUT] /urls/move/{id} 중 어떤 게 더 나은지 말이다.이를 위해 구글링을 하다가, REST API URI를 디자인하는 규칙 혹은 컨벤션이 존재한다는 것을 알게 되었다.  REST API와 URIREST API는 Representational State Transfer (표현 상태 전송)의 약자이며, 웹 기반의 시스템 간 통신을 위한 아키텍처 스타일이다. 이 방식은 자원(Resource)의 상태를 HTTP 메소드(GET, POST, PUT, DELETE 등)를 사용하여 전송하는 방식으로 구현된다. 각 자원은 특정한 URI(Uniform Resource Identifier, 통일된 자원 식별자)에 의해 식별된다.U..