목록node (2)
함께 성장하는 프로독학러
안녕하세요, 프로독학러 입니다. 이번 포스팅에서는 프론트앤드에 React.js 를 사용하고, 백앤드에는 Node.js(Express) 를 사용하는 프로젝트의 초기 설정법에 대해서 알아보도록하겠습니다. 사실 본 카테고리의 첫 번째 포스팅에서 리액트 환경을 설정하는 법에 대해 다뤄본 적이 있었는데요, 해당 포스팅에서는 프로젝트를 production 모드로 빌드하고 실제로 서비스하기위한 코드가 빠져있었습니다. (백앤드에 대한 설정도 빠져 있습니다) 따라서 새로운 프로젝트를 빠르게 만들어가면서 알아보도록 하겠습니다. 1. 프로젝트 디렉토리 생성 가장 먼저 해야할 작업은 프로젝트 디렉토리를 생성하는 것입니다. 명령창에서 mkdir 을 이용하여 새로운 디렉토리를 생성하고, cd 를 이용하여 해달 디렉토리에 접근하도..
안녕하세요, 프로독학러 입니다. 이번 포스팅부터 React js 에 대해서 공부해 보도록 하겠습니다. React.js가 무엇인가 부터 알면 좋겠죠? React.js 에 대해서 간단하게 알아보도록 하겠습니다. React.js는 facebook 이 만든 자바스크립트 라이브러리입니다. 리액트는 프레임워크가 아닌 라이브러리이기 때문에 Router 와 같은 웹을 만드는 도구는 포함되어 있지 않습니다. 하지만 그렇기 때문에 가볍습니다. 또한 배우기도 그렇게 까다롭지 않습니다. 이런 React.js 에는 세 가지 큰 특징이 있습니다. 첫 번째는 Component 입니다. Component는 UI를 구성하는 개별적인 구성요소입니다. Component별로 나누어 개발을 하기 때문에 한 번 정의한 컴포넌트를 여러 위치에서..