til

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..

모듈(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를 브라우저 환경 밖에서도 사용..

CSSCascading Style SheetsHTML 꾸며주는 언어문서 통째로가 아닌, HTML 하나하나 꾸며줌HTML에 CSS 적용 방법 3가지인라인 (inline): HTML 태그 안에 같이 작성내부 스타일 시트 (internal style sheet): HTML 문서 안에 같이 작성외부 스타일 시트 (external style sheet): HTML 문서 밖에 작성하고 연결* HTML 태그 한쌍을 element라고 부른다.  JavaScript특정 HTML요소를 선택하여 제어할 수 있는 스크립트 언어스크립트 언어란?독립적인 프로그램을 개발할 수 있는 프로그래밍 언어가 아닌, (프로그램 내부의 구성 요소 중 하나로) 프로그램을 제어하는 스크립트 역할을 하는 언어-> 런타임의 발전으로, 스크립트 언어만..

웹의 이해인터넷과 웹인터넷 (Internet): 전 세계 컴퓨터를 하나의 통신망으로 연결한 것. '우리는 모두 연결되어 있다'는 개념을 상징.웹 (Web): 인터넷에 연결된 컴퓨터를 통해 정보를 공유하는 공간. 월드 와이드 웹 (World Wide Web, WWW)이라고도 불림.웹의 시작과 특징1980년대 스위스 유럽 입자 물리 연구소에서 팀 버너스리가 연구원들 간 빠른 정보 교환을 위해 고안.특징: 정보를 하이퍼텍스트 형식으로 표현하고, 링크를 통해 다양한 정보와 문서를 연결해 제공.웹 페이지와 웹 사이트웹 페이지 간 링크를 통해 이동하는 것: 웹 서핑 (Web Surfing) 또는 웹 브라우징 (Web Browsing).웹 브라우저웹 페이지나 웹 상의 데이터를 찾고 읽을 때 사용하는 도구.웹의 구조클..

애자일 중 스크럼 방식, 그 중에서도 스프린트 방식으로 진행할 때 사용할 수 잇는 협업 도구들을 살펴보자.스프린트: 일정한 기간(보통 1주에서 4주) 동안 특정 목표를 달성하기 위해 집중적으로 작업을 수행하는 방식이다. 스프린트는 반복적으로 진행되며, 각 스프린트가 끝날 때마다 작업 결과를 검토하고 피드백을 받아, 다음 스프린트에서 개선 사항을 반영해 나간다. 이를 통해 제품의 기능을 지속적으로 발전시키고, 팀의 작업 방식을 점진적으로 최적화해 나가는 것이 스프린트 방식의 핵심이다. 협업 툴: Trello칸반에 충실한 툴. 기본에 충실해서 매력적인 툴.복잡한 기능, 고도의 기능은 없다.창의력을 발휘하여 스프린트 방식으로 사용 가능제공하는 agile sprint board 템플릿의 구성을 보면,1. 백로그..