프로그래밍/Frontend

최근에 자주쓰고있는 차트 사이트 amcharts 개인적으로 기능성, 응용성, 디자인 세 가지 모두 괜찮은 차트다.사용법도 너무 간단하고, 디자인도 예쁘고, 무엇보다 응용력이 쩌는 차트!한 차트를 가지고 기능을 추가하고 삭제하면서 무한히 새로운 차트를 만들 수가 있다. 무료버전은 차트의 왼쪽하단에 amcharts의 브랜드마크(?)가 있고, 유료버전은 마크 없이도 사용가능하다고 한다.   amcharts(www.amcharts.com/demos/)  사이트에 들어가면 데모를 볼 수 있는데, 원하는 차트를 클릭하면 코드 전체를 볼 수 있고, 사이트의 상단 메뉴바에 있는 Docs 를 들어가면 차트들을 어떻게 응용하여 사용할 수 있는 지 친절하게 알려준다.Chart Demos - amCharts www.amcha..

프로그래밍/Frontend

맨날 구글링해서 찾기 불편해서 써두는 제이쿼리 최신버전 링크~   html 상단에다가 복붙하면 바로 사용가능하다

프로그래밍/Frontend

이전 포스팅을 보려면 아래 링크를 눌러주세요. [React] React.js 튜토리얼 1- 프로젝트 생성 및 실행하기 [React] React.js 튜토리얼 1- 프로젝트 생성 및 실행하기 먼저 react를 개발하기 앞서 react는 node.js 기반으로 되어있기 때문에 node.js를 설치해야합니다. nodejs 다운로드 링크입니다. 운영체제에 맞게 설치해주세요! https://nodejs.org/en/download/current Download | Nod domdom.tistory.com [React] React.js 튜토리얼 2- 주요 개념 살펴보기(JSX, Component, Props, State) [React] React.js 튜토리얼 2- 주요 개념 살펴보기(JSX, Component, ..

프로그래밍/Frontend

이전 포스팅을 보려면 아래 링크를 눌러주세요. [React] React.js 튜토리얼 1- 프로젝트 생성 및 실행하기 [React] React.js 튜토리얼 1- 프로젝트 생성 및 실행하기 먼저 react를 개발하기 앞서 react는 node.js 기반으로 되어있기 때문에 node.js를 설치해야합니다. nodejs 다운로드 링크입니다. 운영체제에 맞게 설치해주세요! https://nodejs.org/en/download/current Download | Nod domdom.tistory.com [React] React.js 튜토리얼 2- 주요 개념 살펴보기(JSX, Component, Props, State) [React] React.js 튜토리얼 2- 주요 개념 살펴보기(JSX, Component, ..

프로그래밍/Frontend

이전 포스팅을 보려면 아래 링크를 눌러주세요. [React] React.js 튜토리얼 1- 프로젝트 생성 및 실행하기 [React] React.js 튜토리얼 1- 프로젝트 생성 및 실행하기 먼저 react를 개발하기 앞서 react는 node.js 기반으로 되어있기 때문에 node.js를 설치해야합니다. nodejs 다운로드 링크입니다. 운영체제에 맞게 설치해주세요! https://nodejs.org/en/download/current Download | Nod domdom.tistory.com [React] React.js 튜토리얼 2- 주요 개념 살펴보기(JSX, Component, Props, State) [React] React.js 튜토리얼 2- 주요 개념 살펴보기(JSX, Component, ..

프로그래밍/Frontend

이전 포스팅을 보려면 아래 링크를 눌러주세요. [React] React.js 튜토리얼 1- 프로젝트 생성 및 실행하기 [React] React.js 튜토리얼 1- 프로젝트 생성 및 실행하기 먼저 react를 개발하기 앞서 react는 node.js 기반으로 되어있기 때문에 node.js를 설치해야합니다. nodejs 다운로드 링크입니다. 운영체제에 맞게 설치해주세요! https://nodejs.org/en/download/current Download | Nod domdom.tistory.com [React] React.js 튜토리얼 2- 주요 개념 살펴보기(JSX, Component, Props, State) [React] React.js 튜토리얼 2- 주요 개념 살펴보기(JSX, Component, ..

프로그래밍/Frontend

이전 포스팅을 보려면 아래 링크를 눌러주세요. [React] React.js 튜토리얼 1- 프로젝트 생성 및 실행하기 [React] React.js 튜토리얼 1- 프로젝트 생성 및 실행하기 먼저 react를 개발하기 앞서 react는 node.js 기반으로 되어있기 때문에 node.js를 설치해야합니다. nodejs 다운로드 링크입니다. 운영체제에 맞게 설치해주세요! https://nodejs.org/en/download/current Download | Nod domdom.tistory.com [React] React.js 튜토리얼 2- 주요 개념 살펴보기(JSX, Component, Props, State) [React] React.js 튜토리얼 2- 주요 개념 살펴보기(JSX, Component, ..

프로그래밍/Frontend

이전 포스팅을 보려면 아래 링크를 눌러주세요. [React] React.js 튜토리얼 1- 프로젝트 생성 및 실행하기 [React] React.js 튜토리얼 1- 프로젝트 생성 및 실행하기 먼저 react를 개발하기 앞서 react는 node.js 기반으로 되어있기 때문에 node.js를 설치해야합니다. nodejs 다운로드 링크입니다. 운영체제에 맞게 설치해주세요! https://nodejs.org/en/download/current Download | Nod domdom.tistory.com [React] React.js 튜토리얼 2- 주요 개념 살펴보기(JSX, Component, Props, State) [React] React.js 튜토리얼 2- 주요 개념 살펴보기(JSX, Component, ..

프로그래밍/Frontend

이전 포스팅을 보려면 아래 링크를 눌러주세요. [React] React.js 튜토리얼 1- 프로젝트 생성 및 실행하기 간단한 React 예제 프로젝트를 만들어보기 앞서, 알아둬야하는 React의 개념과 특징들을 살펴봅시다. . React로 구현된 애플리케이션은 일반적으로 하나의 루트 DOM 노드가 있습니다. 이 안에 들어가는 모든 엘리먼트를 React DOM에서 관리합니다. 엘리먼트를 렌더링하기 위해서는 ReactDOM.createRoot()에 엘리먼트를 전달한 다음, root.render()에 전달해야 합니다. 튜토리얼1에서 만들어보았던 프로젝트의 index.js를 열어보면 다음과 같이 작성되어 있습니다. root.render에 App.js에 만들어놓은 App 엘리먼트가 전달된 것을 알 수 있습니다. ..