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

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

지난시간 CRUD의 읽기, 쓰기의 대해서 다뤄봤습니다. (4) Todo List 기본 기능 CRUD 추가 - 1 (읽기, 쓰기) : https://berkley.tistory.com/8 (4) Todo List 기본 기능 CRUD 추가 - 1 (읽기, 쓰기) 지난 시간 반응형 웹&앱 UI 작성편을 이어서 기능 추가를 진행하였습니다. 이 글을 보기 전, 아래의 링크를 먼저 수행 하신 후 다음 단계로 넘어가시면 되겠습니다. (3) 반응형 Todolist UI 작업 진행 berkley.tistory.com 이번 시간에는 갱신의 대해서 다뤄보겠습니다. 1. Todo List CRUD 중 갱신 기존의 state 변수 todoList에 필드 "title, contents" 만 설정 되어있다. 여기서 file에 is..