java,javascript,android,php,sql,공부용,메모용

React 작동 방식 React는 컴포넌트 기반의 라이브러리로, 사용자 인터페이스(UI)를 구축하기 위해 설계되었습니다. React 애플리케이션은 여러 개의 컴포넌트로 구성되며, 이 컴포넌트들은 상호작용하고 상태를 관리하여 동적인 웹 페이지를 만듬주요 개념: 컴포넌트: React의 핵심 단위로, UI의 한 부분을 정의합니다. 컴포넌트는 JavaScript 함수 또는 클래스로 작성된다. React의 기본 빌딩 블록으로, UI를 구성하는 독립적인 조각 Props: 컴포넌트에 데이터를 전달하는 방법입니다. 부모 컴포넌트가 자식 컴포넌트에 값을 전달 (부모 컴포넌트가 자식 컴포넌트에 데이터를 전달하는 방법) State: 컴포넌트 내부에서 관리되는 데이터입니다. 상태는 컴포넌트가 동적으로 업데이트될 때 사용 ( ..

내용 길고 저장용이기 때문에 따로 소스코드 간편하게 보기 하지 않음.  Middleware란 무엇인가? **미들웨어(Middleware)**는 요청(request) 객체, 응답(response) 객체, 그리고 애플리케이션의 요청-응답 주기 동안 요청-응답 주기를 처리하는 함수입니다. 미들웨어 함수는 요청 객체(req), 응답 객체(res), 그리고 다음 미들웨어 함수를 실행할 수 있게 하는 next 함수를 가집니다. Middleware의 종류 애플리케이션 레벨 미들웨어 라우터 레벨 미들웨어 내장 미들웨어 서드파티 미들웨어 각 종류별로 예제를 통해 학습해보겠습니다. ** 학습 전 npm install morgan 해서 morgan 설치 1. 애플리케이션 레벨 미들웨어 애플리케이션 레벨 미들웨어는 app.u..

1. RESTful API의 개념REST(Representational State Transfer)는 웹 애플리케이션의 구조를 정의하는 아키텍처 스타일입니다. 주요 HTTP 메서드: GET: 서버에서 데이터를 조회 POST: 서버에 데이터를 생성 PUT: 서버에서 데이터를 갱신 DELETE: 서버에서 데이터를 삭제2. CRUD (Create, Read, Update, Delete) API를 Express.js로 구현Express.js를 사용하여 RESTful API를 구현 1) express-router-index.jsconst express = require('express'); // Express 모듈을 가져옵니다.const app = express(); // Express 애..

Express 애플리케이션 구성: Express를 사용하여 서버를 구성하고, 기본적인 라우터와 미들웨어를 설정하기라우터 사용: 별도의 라우터 파일을 만들어서 라우팅 로직을 분리하고, 이를 메인 애플리케이션에 통합했음미들웨어: 요청 로그를 기록하는 미들웨어를 추가하여, 콘솔로그를 이용해서 서버에서 처리되는 요청을 추적하기 1. 프로젝트 파일 구조my-node-project/│├── express-router-index.js├── package.json└── routes/ └── index.js 2. 라우터 파일 작성routers/index.jsconst express = require('express');const router = express.Router();// 루트 경로에 대한 GET 요청 처리..

Express.js를 사용한 간단한 서버를 구축하고 실행해보기 1. Express.js 설치npm install express 2. index.js 파일 생성 및 코드 작성 const express = require('express'); //Express 모듈을 가져옵니다.const app = express(); // Express 애플리케이션을 만듭니다.const port = 3000; // 서버가 실행될 포트를 설정합니다.app.get('/', (req, res) => { // 루트 경로에 ('/')에 대한 GET 요청을 처리합니다. res.send('안녕 세계야~!'); // 클라이언트에 응답을 보냅니다.});app.listen(port, () => { // 서버를 지정된 ..

Node.js를 사용하여 간단한 서버 스크립트를 작성하는 방법 오늘 공부한 내용을 정리. 1. 기본 서버 설정 코드 작성 index.js 파일을 만들어서 다음과 같은 코드를 작성const http = require('http'); // Node.js의 내장 HTTP 모듈을 가져옵니다.const hostname = '127.0.0.1'; // 서버 호스트 이름을 설정합니다.const port = 3000; // 서버 포트 번호를 설정합니다.// 서버를 생성하고 요청을 처리하는 콜백 함수를 정의합니다.const server = http.createServer((req, res) => { res.statusCode = 200; // 응답 상태 코드를 200(성공)으로 ..

기본적인 Node.js 및 Express 환경을 설정하고, 간단한 웹 서버를 구축하여 실행하는 방법 1. Node.js 설치 Node.js는 서버 측에서 JavaScript를 실행할 수 있게 해주는 런타임 환경입니다. Node.js를 설치한 후에는 npm(Node Package Manager)을 사용하여 다양한 패키지를 설치하고 관리할 수 있습니다. 2. 프로젝트 폴더 생성 프로젝트를 위한 폴더를 만들고, 그 안에서 작업을 시작mkdir T:\new_web_st\nodejs\my-node-projectcd T:\new_web_st\nodejs\my-node-project 3. package.json 파일 생성 npm init 명령어를 실행하여 package.json 파일을 생성하고, 프로젝트에 대한 메타..

https://tog-code.tistory.com/139 모듈, 모듈화하기, 노드 모듈 - 노드기능 02 노드는 코드를 모듈로 만들 수 있다. (브라우저의 자바스크립트와 다른점) 모듈 : 특정한 기능을 하는 함수나 변수들의 집합 모듈 필요한 기능만 재사용 프로그램 → 모듈도입 js → 프로그램A js tog-code.tistory.com 모듈화 한 내용중에 var.js를 변경해봤다 module // * module.exports 대신 exports로 각각 대입해도 동작함 // exports 객체 사용 시 // 1. exports 에 직접 객체를 대입해도 되지만 꼭 속성명과 속성값을 대입해야 함 // 2. module.exports 에 함수를 대입한 경우는 exports로 대입 불가능 // 3. expo..