지난 시간에는 node.js에서 express 기반으로 서버를 구축하고, 메인 페이지에 view단을 출력하도록 설정하였습니다. 이번 시간에는 각 api별로 나타내는 view단 출력 시키는 작업을 진행하겠습니다. github : https://github.com/BerkleyLim/basic_nodejs GitHub - BerkleyLim/basic_nodejs: 이 프로젝트는 node.js 입문을 위한 프로젝트 중 하나입니다. 이 프로젝트는 node.js 입문을 위한 프로젝트 중 하나입니다. Contribute to BerkleyLim/basic_nodejs development by creating an account on GitHub. github.com 1. 소스코드 (ver04/index.js) ..

지난 시간에는 express로 서버 띄우기 구현하였습니다. 이번 시간에는 express 서버 띄우는 것에 경로 설정하여 적용하겠습니다. https://github.com/BerkleyLim/basic_nodejs GitHub - BerkleyLim/basic_nodejs: 이 프로젝트는 node.js 입문을 위한 프로젝트 중 하나입니다. 이 프로젝트는 node.js 입문을 위한 프로젝트 중 하나입니다. Contribute to BerkleyLim/basic_nodejs development by creating an account on GitHub. github.com 1. 소스코드 // express 선언 const express = require("express"); // express에 app 넣고..

지난 시간에는 express framework 없이 javascript로만 Node.js 코드를 구현해보았습니다. 이번 시간에는 Express Framework를 라우팅 적용 없이 진행해보겠습니다. https://github.com/BerkleyLim/basic_nodejs GitHub - BerkleyLim/basic_nodejs: 이 프로젝트는 node.js 입문을 위한 프로젝트 중 하나입니다. 이 프로젝트는 node.js 입문을 위한 프로젝트 중 하나입니다. Contribute to BerkleyLim/basic_nodejs development by creating an account on GitHub. github.com 0. Getting Started npm init npm install e..

이번 시간에는 nodejs를 직접 시작해보겠습니다. nodejs를 "Hello world"를 띄우고, 구동원리의 대해 알아보겠습니다. https://github.com/BerkleyLim/basic_nodejs GitHub - BerkleyLim/basic_nodejs: 이 프로젝트는 node.js 입문을 위한 프로젝트 중 하나입니다. 이 프로젝트는 node.js 입문을 위한 프로젝트 중 하나입니다. Contribute to BerkleyLim/basic_nodejs development by creating an account on GitHub. github.com 1. 소스코드 // http 라이브러리 연동 const http = require('http'); // 서버 주소, 포트 지정 const ..

안녕하세요. 디자인 패턴을 알아보는 시간을 가집니다. 지난시간에는 Presentation & Container 패턴을 알아가면서 예제로 적용 시켰습니다. 하지만 이 패턴은 1:1 = 로직 : 뷰 적용 방식으로 사용이 되는 형태로 구성 되어져 있으며 1개의 로직에서 여러개의 뷰를 활용하여 사용 하고 싶을 때 대비하여 적용을 시켜보고자 합니다. 이 것을 적용 시키는 패턴은 Custom Hooks 패턴이며, Custom Hooks 패턴의 대해서 대해서 알아봅니다. 먼저 리마인드로, Presentation & Container 패턴을 적용 전과 적용 후의 대해서 구조를 정리해봅니다. Presiontation Component - UI 컴포넌트만 구성, Conatiner Component - 로직 부분만 구성 이..

안녕하세요. 디자인 패턴을 알아보는 시간을 가집니다. 이번 시간에는 디자인 패턴을 사용하는 패턴 중 하나인 Presentation & Container 패턴의 대해서 알아봅니다. 보통 처음 시간에 배울 때 구조는 아래와 같은 구조로 사용하는데, function 컴포넌트 () { /* 로직 구현 */ return ( UI 출력 ) } 이런 구조를 이용하여 사용을 하게 되실겁니다. 하지만, 매번 사용하다가 조금 더 클린화 된 코드를 작성하고, 로직 컴포넌트와 View 컴포넌트로 나눠서 작성하는 것을 생각을 해낸 결과 디자인 패턴으로 쓰이는 Presentation & Container 디자인 패턴을 이용하여 사용 방법으로 활용하여 사용이 가능하다는 것을 알게 되었습니다. 따라서 Presentation & Co..