목록설치 (6)
함께 성장하는 프로독학러
안녕하세요, 프로독학러 입니다. 저번 포스팅에서는 Memo app 을 제작하기 위한 기본 개념들에 대해서 알아보았는데요, 이번 포스팅에서는 설치부터 본격적으로 진행해 보도록 하겠습니다. *본 튜토리얼은 Velopert 님의 'React.js Codelab 2016' 을 기반으로 되었습니다.(여러 모듈들의 버전업에 따라 작성방법이 조금씩 달라진 코드를 버전에 맞게 수정하고, 제가 튜토리얼을 따라함에 있어 이해가 쉽지 않았던 부분에 설명을 추가하는 방식으로 진행합니다.)* Velopert 님의 원본 튜토리얼을 보고싶으신 분들은 아래의 링크를 참고해 주세요. 1. React.js 설치 우리가 만들게 될 Memo app 은 React.js 를 기반으로 한 SPA(Single Page Application) 입니..
안녕하세요, 프로독학러 입니다. 이번 포스팅에서는 Node.js 를 이용해 웹 어플리케이션을 만드는 것을 좀 더 편하고 빠르게 할 수 있도록 도와주는 프레임워크인 Express 에 대해서 알아보도록 하겠습니다. 1. Express 소개 Express 는 Node.js 를 위한 빠르고 개방적인 간결한 웹 프레임워크from - expressjs.com/ko Express 는 웹 및 모바일 어플리케이션을 위한 일련의 강력한 기능을 제공하는 간결하고 유연한 Node.js 웹 어플리케이션 프레임워크입니다. Express 를 사용하지 않고도 웹 어플리케이션을 만들수는 있지만, 일일히 다 구현하려면 상당히 복잡합니다. 일일히 다 신경쓰기 복잡하고 귀찮은 것들을 Node.js 의 웹 프레임워크를 이용하면 쉽게 구현할 ..
안녕하세요, 프로독학러 입니다. 본 카테고리에서는 자바스크립트 엔진을 기반으로 만들어진 사버 사이드 플랫폼인 Node.js 에 대해서 알아보도록 하겠습니다. Node.js 란? Node.js 는 구글 크롬의 자바스크립트 엔진(V8 Engine) 을 기반으로 만들어진 서버 사이드 플랫폼입니다. 웹 브라우저에서 동작하는 자바스크립트를 이용해 서버측에서 하는 역할을 수행할 수 있도록 하는 플랫폼이며, 이를 이용하면 PHP 나 JSP 의 역할을 대체할 수 있습니다. Node.js 의 특징 비동기 I/O 처리, 이벤트 위주 : Node.js 라이브러리의 모든 API는 비동기 방식입니다. 즉, 한 작업이 완료될 때까지 기다렸다가 작업하는 것이 아니라 멈추지 않고 계속해서 코드를 실행한다는 의미입니다. Node.js..
안녕하세요, 프로독학러 입니다. 이 카테고리에서는 리액트 라우터(version_4 이상)에 대해서 배워보도록 하겠습니다. 포스팅의 내용은 Velopert 님의 리액트 라우터 강의를 복습한 내용이므로 Velopert 님의 원본 강의를 듣고싶으신 분들은 아래의 링크를 참조해 주세요. https://velopert.com/3411 1) 리액트 라우터의 효용 리액트 라우터는 SPA(Single Page Application)를 리액트를 통해 구현하는데 필요한 라이브러리입니다. SPA 와 반대되는 개념은 전통적인 웹 어플리케이션 입니다.전통적인 웹 어플리케이션은 여러 페이지로 구성되어 있으며, 한 페이지에서 다른 페이지로 이동할 때 페이지 전체를 다시 렌더링 합니다.이런 방식의 전통적인 웹 어플리케이션의 렌더링은..
안녕하세요, 프로독학러 입니다.이 카테고리에는 MongoDB 에 대한 글을 포스팅하도록 하겠습니다.그럼 제일 먼저 MongoDB 에 대해서 알아보도록 하겠습니다. Introduce 1) MongoDB? MongoDB는 대표적인 NoSQL 데이터 베이스 입니다.데이터 베이스는 RDBMS 와 NoSQL, 이렇게 크게 두 가지로 나누어 볼 수 있습니다. RDBMS 는 관계형 데이터 베이스로 table 과 table 의 관계로 이루어진 데이터베이스 입니다.대표적으로는 MySQL, MS-SQL, Oracle 등이 있습니다.NoSQL 은 Not Only SQL 의 약자로, 기존 RDBMS 의 한계를 극복하기 위해 만들어진 새로운 형태의 데이터베이스입니다.NoSQL 의 종류는 Key-value Stores, Colu..
안녕하세요, 프로독학러 입니다. 이번 포스팅 이후부터는 React 의 Redux 에 대해서 알아가 볼 예정입니다.따라서 이번 포스팅에서는 Redux 를 위한 세팅 및 코드 작성에 도움을 주는 세팅을 하겠습니다. 먼저 Redux 에 필요한 패키지파일들을 설치하겠습니다. 터미널 프로그램의 루트폴더에서 아래의 명령어를 입력해 줍니다. npm install --save redux react-redux 패키지를 통해 설치된 파일들의 사용은 추후에 개념과 함께 알아가도록 하겠습니다. 다음으로 코드 작성에 도움을 주는 몇 가지 세팅들을 해 보도록하겠습니다. 1) Atom 에디터의 Snippets 기능 Atom 에디터에는 Snippets 라는 기능이 있습니다.Snippets 에 코드를 작성해 두면, 해당 코드를 호출하..