시작179 221221 - JavaScript - Promise() 오늘 내가 배운 것 1. Promise 2. promise의 핵심 State Producer VS Consumer 3. Promise Chaining 1. Promise 자바스크립트에서 제공하는 오브젝트이고, 비동기를 간편하게 처리할 수 있도록 도와준다. 기능을 수행하고 나서 정상적으로 기능이 작동했다면(resolve) 성공 메세지와 처리된 결과값을 전달해주고, 에러가 발생하면(reject) 에러를 전달해 준다. 2. promise의 핵심 - State 동작을 수행하고 있는 중인지, 수행을 성공했는지, 수행을 실패했는지 상태를 나타낸다. pending : 동작이 수행중일 때 fulfilled : 동작이 성공적으로 끝났을 때 rejected : 파일을 찾지 못하거나 네트워크에 문재가 생겨서 실패했을 때 -.. 2022. 12. 21. 221220 - Node Express - Router 객체를 이용한 라우팅 분리 오늘 내가 배운 것 1. Router객체를 이용한 라우팅 분리하기 2. Controller 분리하기 Router객체를 이용한 라우팅 분리하기 익스프레스(Express)를 사용하는 이유 중 하나는 라우팅을 깔끔하게 관리할 수 있기 때문이다. 라우터를 많이 연결하게 되면 server.js 코드가 길어지므로 익스프레스에서는 라우터를 분리할 수 있는 방법을 제공한다. router.get/ router.post //등록형태 router.get('/board/list',(req, res)=>{ res.send('/ page') }) //실행 영역 app.use(router) 실행 가능한가? 실행 가능하다. 여기서 주의할 점은 router는 실행하는 부분이 아니다. router는 등록만 하는 것이고, 실제로 실행이 .. 2022. 12. 21. 221219 - Node Express를 이용한 CRUD 게시판 만들기 오늘 내가 배운 것 1. Express를 이용한 CRUD Express 통신을 이용한 CRUD의 C, U영역 만들기 전체적인 흐름은 위에 사진과 같은 흐름으로 진행된다. 작성 시 주의사항 1. a태그를 이동시 경로를 잘 확인해서 적어야 한다. 기존엔 파일을 이동하는 것이었는데, 지금은 경로를 지정해 경로에 해당하는 라우터를 읽고 요청과 응답 메시지에 의해 파일을 보여주는 것이다. 2. view페이지에 선택한 게시글로 가기 위해서 고유 index를 querystring에 같이 담아서 확인할 수 있도록 한다. 완성 확인하기 코드 확인하기 더보기 index.html {{name}} Hello, world@@@ 리스트 바로가기 list.html 게시판 리스트 입니다. 번호 제목 작성자 작성일 조회수 {% for.. 2022. 12. 19. 221215 - Node Express - defer와 DOMContentLoaded 최초에 '127.0.0.1:3000/'로 진입한다. 화면에 회원가입 버튼을 누르면 버튼의 클릭이벤트로 인해 join페이지로 넘어간다. join페이지에 진입하면서 form-input 태그를 이용한 폼이 나온다. 값을 입력하고 전송 버튼을 누르면 Request message를 POST로 요청하고 서버에서는 리다이렉트로 welcome 페이지를 보이게 한다. 리다이렉트를 하면 response message head영역에 location 속성으로 확인이 가능하다. 마지막 welcome 페이지에서 확인 버튼을 누르면 post를 이용하여 최초의 index 화면으로 넘어간다. express를 연습, 통신방식을 확인하기 위해 요청, 응답 메시지를 이용한 구현을 했다. 이벤트 리스너를 이용한 버튼 이벤트랑 server.j.. 2022. 12. 16. 221214 - Node Express 기초 오늘 내가 배운 것 1. req, res 2. bodyParser 3. static 4. template engine 5. request method POST 6. redirect 이것을 express로!!! #package.json 생성 npm init -y # template engine 이 많이 있는데, 그중에 nunjucks 를 이용할 예정이다. # node modules 생성됨 npm install express nunjucks git을 사용하게 되면 .gitignore에 node_modules를 넣어준다. npm으로 설치할 수 있는 쉽게 설치할 수 있기 때문에 굳이 이 폴더 자체를 같이 올릴 필요는 없다. 서버 열기 const express = require('express') const ap.. 2022. 12. 15. 221213 - HTTP 통신 / Request, Response Message 오늘 내가 배운 것 1.HTTP 통신 - Request message 구현 - Response message 구현 HTTP 통신하기 통신을 하기 위해서 서버(server)랑 클라이언트(client)가 있어야 한다. HTTP통신에서는 브라우저가 클라이언트의 역할을 한다. 오늘은 HTTP통신을 하는 과정이기 때문에 클라이언트 대신 브라우저라고 한다. 기본적으로 통신을 위해서는 서버와 브라우저의 연결이 필요하기 때문에 3 way Handshake를 이용해서 연결이 되고, 데이터를 요청 후 응답이 오면 통신을 끊기 위해 4 way Handshake로 연결이 끊는데 이 부분은 이전 글에서 했으니 이전 글을 참고하기 바랍니다. https://baekspace.tistory.com/82 221208 - TCP/UDP.. 2022. 12. 14. 이전 1 ··· 17 18 19 20 21 22 23 ··· 30 다음 728x90
