■ Front-End
-
#2-3. 노드의 자바스크립트와 친해지기■ Front-End/- Node.js 2019. 5. 9. 10:29
참고 : Do it! Node.js 프로그래밍 http://www.yes24.com/Product/goods/32442876 Do it! Node.js 프로그래밍 지금 당장 서버가 필요하다면? 실제 서버로 구동 가능한 코드로 배워라! 웹 서버, 채팅 서버, 모바일 서버, 위치 기반 서비스 서버, JSON-RPC 서버까지 한 권으로 끝낸다! 이 책은 누구나 쉽게 접근할 수 있는 자바스크립트 언어로 웹 서버를 만들며 서버 개발에 입문한다. 웹 서버를 만들며 작성한 소스 코드를 바로바로 수정해서 다양한 서버를 단박... www.yes24.com 1. Javascript에서의 함수 선언 // 함수를 정의하는 방법 1 function add(a,b) { return a+b; } // 함수를 정의하는 방법 2 va..
-
#1. 노드 간단하게 살펴보기■ Front-End/- Node.js 2019. 5. 1. 00:49
참고 : Do it! Node.js 프로그래밍 http://www.yes24.com/Product/goods/32442876 Do it! Node.js 프로그래밍 지금 당장 서버가 필요하다면? 실제 서버로 구동 가능한 코드로 배워라! 웹 서버, 채팅 서버, 모바일 서버, 위치 기반 서비스 서버, JSON-RPC 서버까지 한 권으로 끝낸다! 이 책은 누구나 쉽게 접근할 수 있는 자바스크립트 언어로 웹 서버를 만들며 서버 개발에 입문한다. 웹 서버를 만들며 작성한 소스 코드를 바로바로 수정해서 다양한 서버를 단박... www.yes24.com 전역 객체(Global Object) 전역 객체 이름 설명 console 콘솔 창에 결과를 보여주는 객체 process 프로세스의 실행에 대한 정보를 다루는 객체 ex..
-
Recharts를 이용한 chart 만들기■ Front-End/- React JS 2019. 4. 11. 10:45
급여현황을 보여줘야하는 페이지 개발 건이 있어서 사용하게된 Recharts Library. 긴급 개발 건이어서 기획서대로 만들었는데, 비슷한 차트를 사용하는 페이지가 많아서 시연 후에 공통 컴포넌트로 만들어 봐야겠다. Custom X축, Y축, Tooltip, Legend 설정 값 넣어서 만들어야할듯?? 라이브러리 사이트 http://recharts.org/ 적용 방법 1. terminal > npm install recharts 2. 차트를 사용할 파일 상단에 import 코드 추가 import {BarChart, Bar, XAxis, YAxis, CartesianGrid, Tooltip, Legend} from 'recharts'; --> 사용할 차트와 컴포넌트만 남기고 삭제하면 됨. 1. Stack..