nodejs7 [React] 새로운 React 앱 만드는 방법(React 시작하기) 웹 프로그래밍을 하기 위해서 최근 가장 많이 사용하는 라이브러리 중 하나가 React(리액트)입니다. React는 Node.js 기반으로 동작합니다. 즉 Javascript를 이용한 라이브러리이기 때문에 Javascript를 안다면 쉽게 배울 수 있는 라이브러리입니다. 이번 포스팅에서는 React를 이용해서 앱을 만들기 위한 시작방법을 알아보도록 하겠습니다. React(리액트) 환경 구성하기 기본적으로 React를 사용하기 위해서는 Node.js가 우선적으로 설치가 되어 있어야 합니다. Node.js 설치 방법은 아래 링크에서 확인하실 수 있습니다. 2021.03.19 - [쿤즈 Dev/Nodejs] - [Nodejs] NodeJS 설치 및 프로젝트 생성하기(feat. Windows & macOS) [N.. 2021. 6. 3. [GraphQL] Apollo Server를 이용한 GraphQL 사용 방법 Apollo Server는 Server 프로그래밍과 Client 프로그래밍 모두에 사용할 수 있는 오픈 소스 GraphQL 서버입니다. 이번 포스팅에서는 Apollo Server와 GraphQL의 간단한 소개와 사용 방법에 대해서 알아보도록 하겠습니다. 목차 1. GraphQL은 무엇인가 2. Apollo Server는 무엇인가 GraphQL 무엇인가 GraphQL은 API에 대한 쿼리 언어라고 표현하고 있습니다. GraphQL을 사용하면 필요한 데이터만을 가공해서 가져올 수 있으며 만약 추가적인 데이터를 필요로 할 경우 간단히 수정이 가능합니다. GraphQL 쿼리는 항상 예측 가능한 결과를 반환하고 서버에서 가져온 데이터를 제어하는 데 사용되는 언어입니다. GraphQL이 지원하는 언어 역시 굉장히 .. 2021. 5. 15. [Javascript] Javascript 소개 및 여러가지 실행 방법 이번 포스팅에서는 Javascript를 학습하기 위해서 이용할 수 있는 여러 가지 방법들에 대해서 알아보도록 하겠습니다. Javascript 소개 Javascript는 최근 굉장히 많이 사용되고 있는 프로그래밍 언어입니다. 웹 브라우저에서 동적으로 사용되는 부분들은 대부분 Javascript로 프로그래밍해서 보여줍니다. 그래서 오직 클라이언트에만 해당되는 프로그래밍이었습니다. 이제는 서버-사이드 프로그래밍 언어로도 사용이 되고 있습니다. React, React-Native, Angular, Nodejs 등 여러가지 개발 플랫폼에서 Javascript가 사용되고 있습니다. Javascript는 사용하기 편리하도록 개발된 프레임워크가 있습니다. 바로 jQuery입니다. 이 프레임워크는 서로다른 브라우저에서 .. 2021. 4. 3. [Nodejs] Express generator 사용해서 웹 어플리케이션 간단하게 만들기 이전 두 포스팅에서 Nodejs 프로젝트와 Express 프로젝트를 만드는 방법을 알아보았습니다. 2021.03.19 - [쿤즈 Dev/Nodejs] - [Nodejs] NodeJS 설치 및 프로젝트 생성하기(feat. Windows & macOS) 2021.03.21 - [쿤즈 Dev/Nodejs] - [Nodejs] express 프레임워크 프로젝트 만들기 이 경우에는 직접 폴더를 구성하고 index.js 또는 app.js인 시작 js소스를 직접 만들어서 편집하는 방법을 사용했었습니다. 하지만 express 프레임워크에서는 명령어 하나로 아주 간단하게 만드는 방법을 제시하고 있습니다. 이번 포스팅에서는 express-generator를 이용해서 웹 애플리케이션의 뼈대를 간단하게 만드는 방법을 알아보겠.. 2021. 3. 26. [Nodejs] express 프레임워크 프로젝트 만들기 지난 포스팅에서는 Nodejs를 설치하고 가장 기본이 되는 index.js 파일을 만들어서 서버를 동작시켜 보았습니다. 2021.03.19 - [쿤즈 Server/Nodejs] - [Nodejs] NodeJS 설치 및 프로젝트 생성하기(feat. Windows & macOS) [Nodejs] NodeJS 설치 및 프로젝트 생성하기(feat. Windows & macOS) 최근 Javascript의 사용량이 매우 많이 늘었습니다. 그리고 Bootstraip(부트스트랩) v5.0는 jQeury와 같은 프래임워크를 걷어내고 VanilaJS (순수 Javascript)로 대체하는 사례도 증가하고 있습니다. Javascript.. koonsland.tistory.com 굉장히 짧은 프로그램으로 서버를 동작시킬수 .. 2021. 3. 21. [Nodejs] NodeJS 설치 및 프로젝트 생성하기(feat. Windows & macOS) 최근 Javascript의 사용량이 매우 많이 늘었습니다. 그리고 Bootstraip(부트스트랩) v5.0는 jQeury와 같은 프래임워크를 걷어내고 VanilaJS (순수 Javascript)로 대체하는 사례도 증가하고 있습니다. Javascript는 클라이언트에서 동작하는 프로그래밍 언어였지만 Nodejs가 등장하면서 서버사이드 언어로도 사용되기 시작했고 지금은 React, React-Native와 같은 플랫폼이 Nodejs의 Javascript 엔진 기반으로 동작하고 있습니다. 이번 포스팅에서는 NodeJS에 대해서 간단히 알아보고 첫 프로젝트를 생성해 보도록 하겠습니다.NodeJS의 간단한 정보NodeJS는 Chrome V8 Javascript 엔진으로 만들어진 Javascript 런타임입니다. .. 2021. 3. 19. [AWS] 아마존 EC2 서버에 NodeJS 설치하는 방법 이전 포스팅에서는 다음과 같이 아마존 가입, EC2 서버 설치, SSH 연결방법, NginX 웹 서버 설치 방법에 대해서 알아보았습니다. 2020/12/31 - [쿤즈 Server/AWS] - [AWS] 아마존 웹 서비스(Amazon Web Services) 가입하는 방법 2021/01/01 - [쿤즈 Server/AWS] - [AWS] 아마존 EC2 서버 만드는 방법 2021/01/02 - [쿤즈 Server/AWS] - [AWS] 아마존 EC2 인스터스에 SSH 접속하는 방법 2021/01/03 - [쿤즈 Server/AWS] - [AWS] 아마존 EC2 서버에 NginX 설치하는 방법 웹 서버인 NginX를 설치하고 화면이 나타나는 것까지 확인이 되었다면 이제는 어플리케이션을 올릴 플랫폼이 필요합니.. 2021. 1. 5. 이전 1 다음
