웹 개발

웹 개발/🚨 Error Log

[에러] Eclipse | An error has occurred. See error log for more details. com.ibm.icu.text.UTF16.isSurrogate(C)Z

Java파일을 열려고 클릭했는데 에러가 뜸 An error has occurred. See error log for more details. com.ibm.icu.text.UTF16.isSurrogate(C)Z 해결 preferences - java - Editor - Mark Occurrences - Mark occurrences of the selected element in the current file 체크해제

웹 개발/🍃 SpringBoot

Spring MVC 동작 방식

개요Spring MVC란?Spring MVC는 클라이언트의 요청을 편리하게 처리해주는 프레임워크이다 Spring MVC는 서블릿 기반으로 동작한다위키백과에 보면 서블릿(Servlet)이란 웹페이지를 동적으로 생성하는 서버측 프로그램을 말한다. 더 구체적으로 말하자면 서블릿은 웹서버의 성능향상을 위해 사용되는 자바 클래스의 일종이다.  서블릿은 JSP와 유사합니다. 하지만 차이가 있습니다.서블릿은 자바코드(java파일) 안에 HTML을 포함합니다. 반면에 JSP는 HTML안에(HTML파일) 자바 코드를 포함합니다. Spring MVC 동작 방식과 구성요소다음은 클라이언트가 요청을 서버에 보냈을 때 Spring MVC가 내부적으로 어떻게 요청을 처리하는 보여주는 그림이다.번호의 흐름을 설명하자면 다음과 같다..

웹 개발/🟩 Node.js

Express | express에서 미들웨어설정하기

| 미들웨어 미들웨어란 양쪽을 연결하여 데이터를 주고받을수 있도록 중간에서 매개역할을 하는것인데 express 공식 문서를보자 https://expressjs.com/ Express - Node.js web application framework Fast, unopinionated, minimalist web framework for Node.js $ npm install express --save expressjs.com writing middleware 를 들어가보면 이런 설명이있다 get 라우터를 보면 처음 보는 것이 있다 next 미들웨어 함수에 대한 콜백 인수(일반적으로 'next'라 불린다) 코드를 보며 익혀보자 console.log(req)코드로인해서 아래와 같이 터미널창에 request의 ..

웹 개발/🟩 Node.js

Express | 데이터 모킹

| 데이터 모킹 app.ts에 이런식으로 작성하고 import * as express from "express"; const app: express.Express = express(); const data = [1, 2, 3, 4]; app.get("/", (req, res) => { console.log(req); res.send({ data }); }); app.listen(8000, () => { console.log("server is on..."); }); post man으로 요청을 해보자 위와 같이 데이터가 잘나온다 그런데 사실 1,2,3,4 와 같은 데이터는 의미가 없다 그래서 의미있는데이터들을 한번 써볼건데 src에서 app.model.ts 라는 파일을 만들어준다 그리고 app.model...

웹 개발/#️⃣ TypeScript

TS | Import 와 Export

| TypeScript에서의 Import와 Export TypeScript는 모듈화를 지원하여 코드의 재사용성과 유지보수성을 향상시킬 수 있습니다. 이를 위해 import와 export 키워드를 사용하여 모듈을 가져오고 내보내는 방법을 제공합니다. Export export 키워드를 사용하여 변수, 함수, 클래스 등을 다른 파일에서 사용할 수 있도록 내보낼 수 있습니다. 예를 들어, 다음은 CatType과 Cat을 내보내는 예입니다. export type CatType = { id: string; name: string; age: number; species: string; isCute: boolean; friends: string[]; }; export const Cat: CatType[] = [ // ..

웹 개발/🟩 Node.js

Express | express, ts 개발 환경 셋업, helloworld출력하기

| 노드환경에서의 타입스크립트 설정 노드환경에서 타입스크립트 설정해보자 아래 4개의 파일을 준비한다 package-lock.json { "requires": true, "lockfileVersion": 1, "dependencies": { "@types/node": { "version": "15.14.1", "resolved": "https://registry.npmjs.org/@types/node/-/node-15.14.1.tgz", "integrity": "sha512-wF6hazbsnwaW3GhK4jFuw5NaLDQVRQ6pWQUGAUrJzxixFkTaODSiAKMPXuHwPEPkAKQWHAzj6uJ5h+3zU9gQxg==", "dev": true }, "ansi-regex": { "version"..

이재원
'웹 개발' 카테고리의 글 목록 (15 Page)