지난 시간까지는 백엔드 api를 구현 한 것을 nodejs 나만의 프로젝트 설계를 진행하였습니다. 자세한 사항은 github ver05 및 이전 포스팅을 확인하시기 바랍니다 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 이번 시간에는 html 파일을 만들어 html에 직접 백엔드 서버에서 작업을 진행하..

지난 시간에는 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..

1. 팩토리 패턴 (Factory Pattern) - 생성 패턴 중 하나 - 객체 생성 부분을 떼어낸 추상화한 패턴, - 상위 클래스 : 뼈대 역할 // 하위 클래스 : 객체 생성에 관한 구체적 내용 결정 - 마치 제조 공장의 예시를 따지면, 상위 클래스 : 공장 / 하위클래스 : 레시피 라고 표현 가능 - 여기서 제목만 보여주는 행위를 표하고, 상세 내역은 숨겨주는 역할이 가능하다. 2. JS로 이용한 팩토리 패턴으로 이용한 제조 공장 구현 (1) 상위 클래스 : Factory // 제조 공장에서 사용하는 레시피 설정 const factoryList = [CoffeeFactory, FoodFactory]; // 상위 메소드 : Factory class Factory { static createMater..

1. React란? - React는 Javascript WebPack 기반으로 만들어진 SPA 템플릿 중 하나로, 모듈화가 쉬운 강점을 지님 - 현재 Virtual Dom으로 이용하여 해당 컴포넌트 부분의 대해 렌더링만 할 수 있는 장점을 지님 - 코드의 간결성과 전체 컴포넌트를 각각 쪼개어 사용에 용의하기 때문에 프론트엔드 개발자끼리 협업을 할 때 용의함 - 현재, nodejs를 이용하여 React 서버를 띄우기에는 용의하다는 점이 장점을 지니고 있음 - React 적용 전 선수 지식 : Javascript에 필요한 문법 (Javascript의 80퍼 이상 문법을 사용하고 있음) 2. JQuery와 React 사용 방식 필자는 JQuery와 React 둘다 사용해 본 경험을 바탕으로 각 차이점을 정리하..