목록분류 전체보기 (161)

Daily Front_Minhhk

기술 면접 준비(JS, React, HTTP/Network, webServer)

복 습! JavaScript Promise의 기능과 필요한 이유에 대해서 설명해주세요. 순수함수란 무엇인가요? 불변성과 사이드 이펙트와 연결하여 설명해주세요. React React의 state와 props에 대해서 설명해주세요. React 컴포넌트의 key 속성에 대해서 설명해주세요. useEffect의 dependency array에 대해서 설명해주세요. HTTP/네트워크 CSR과 SSR의 차이점에 대해서 설명해주세요. GET 메서드와 POST 메서드의 차이점에 대해 설명해주세요. 웹서버 기초 HTTP 메세지 구조에 대해 설명해주세요. Same-Origin Policy와 CORS에 대해서 설명해주세요. JavaScript Promise의 기능과 필요한 이유에 대해서 설명해주세요. 프로미스는 자바스크립트..
카테고리 없음 2022. 12. 14. 17:15
my-agora-states Server

자 테스트 통과 해봅시다!!! 지금 껏 배워온 것들을 활용하여 가이드에 따라 작성~~~ app.js const express = require("express"); const app = express(); const cors = require("cors"); const morgan = require("morgan"); // morgan 미들웨어가 세팅되어 있습니다. // HTTP 요청 logger를 편리하게 사용할 수 있는 미들웨어 입니다. app.use(morgan("tiny")); // TODO: cors를 적용합니다. app.use(cors()); // TODO: Express 내장 미들웨어인 express.json()을 적용합니다. app.use(express.json({ strict: false..
Code개발일지 2022. 12. 14. 17:03
stateLine Server

Express 공식문서에서 req.query , req.params를 사용하는 방법을 확인! req.query **// localhost:3000/topic?id=1&name=foo app.get('/topic', function(req, res) { res.send(req.query.id + ',' + req.query.name); })** 위 코드는 id과 name 값을 동시에 가져올 수 있다. localhost:3000/topic?id=1&name=foo 에 들어간다고 가정하자. 화면에 1,foo 가 보일 것이다. **// localhost:3000/topic?id=1 app.get('/topic', function(req, res) { var topics = [ 'JavaScript is ......
카테고리 없음 2022. 12. 14. 16:46
express refactoring MiniServer

1.1. Express.js에서 할 수 있는 것 모든 요청에 대해 url이나 메소드를 확인할 때 POST 요청 등에 포함된 body(payload)를 순수 node.js보다 더 간편하게 구조화하고 싶을 때 모든 요청/응답에 CORS 헤더를 붙여야 할 때 요청 헤더에 사용자 인증 정보가 담겨있는지 확인할 때 Object 형태가 아닌 String 형태도 받을 수 있게 하려면 아래와 같은 처리를 해줘야 합니다. const jsonParser = express.json({strict:false}) express.json 속성 중 strict의 디폴트 값은 true로 되어있어 Object만 허용되어 있는 상태이기 때문입니다. 1.2. res.json 과 res.send([body])의 차이 둘의 공통점은 클라이언..
Code개발일지 2022. 12. 14. 16:38
express, Middleware

Refactor Express 학습목표 Express로 간단한 서버를 구현할 수 있다. 미들웨어를 이해할 수 있다. 미들웨어를 이용할 수 있다. 미들웨어를 구현할 수 있다. 개념학습) Express 시작하기 Node.js 구글의 크롬 v8 자바스크립트 엔진을 기반으로 하는 비동기 입출력(I/O)을 지원하는 고성능 네트워크 서버 개발자가 모든 종류의 서버사이드 도구들과 애플리케이션을 자바스크립트로 만들 수 있도록 해주는 런타임 환경 프론트가 아닌 백엔드에서도 자바스크립트 기술을 쓸 수 있게 고안된 언어 npm : node package manager Express Node.js위에서 동작하는 웹 프레임워크 Node.js 개발 시 개발을 빠르고 손쉽게 할 수 있도록 도와주는 역할을 한다. 이것은, 미들웨어 ..
Code개발일지 2022. 12. 14. 16:35
Web Server/ mininode Server

자세한 내용은 공식 문서 참조! HTTP 트랜잭션 해부 | Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org Mini Node Server 목표 클라이언트의 액션(버튼 클릭)에 따라 각기 다른 HTTP 요청을 서버로 보내고, HTTP 요청에 담아 보낸 단어를 소문자 또는 대문자로 응답을 받아 화면에 보여 줍니다. 매번 파일을 실행하지 않고, npm start 명령어를 이용하는 방법은 없을까요? 서버를 매번 실행시키지 않아도 되는 개발도구가 있습니다. nodemon을 이용하면, 서버를 매번 실행시킬 필요가 없습니다. npm install nodemon으로 설치합니다. package.json의 ..
Code개발일지 2022. 12. 8. 14:28
이전 Prev 1 ··· 16 17 18 19 20 21 22 ··· 27 Next 다음