3. 개발도구/3_3 Development Environment Setting 검색 결과

해당 글 11건

[개발환경 세팅] React 설치 및 적용 방법

React 설치를 위해서는 아래와 같은 프로그램들이 필요합니다. 1. Chrome → Chrome 다운로드 2. Visual Studio Code → Visual Studio Code 다운로드 3. Node.js → Node.js 다운로드 4. React Developer Tools → React Developer Tools 다운로드 Chrome과 Visual Studio Code의 설치 방법 같은 경우 따로 다루지 않겠습니다. Visual Studio Code 설치 방법 링크 Node.js → Node.js 다운로드 좌측의 LTS 버전으로 다운로드하여주세요. 설치 화면이 나오고, 계속 Next를 눌러주시면 설치가 완료됩니다. React 개발환경 구축 터미널을 열고 원하는 디렉토리에서 'create-re..
3. 개발도구/3_3 Development Environment Setting 2021. 7. 28. 20:40

[개발환경 세팅] Vue.js 설치 및 적용 방법

Vue.js 설치를 위해서는 아래와 같은 프로그램들이 필요합니다. 1. Chrome → Chrome 다운로드 2. Visual Studio Code → Visual Studio Code 다운로드 3. Node.js → Node.js 다운로드 4. Vue.js devtools → Vue.js devtools 다운로드 Chrome과 Visual Studio Code의 설치 방법 같은 경우 따로 다루지 않겠습니다. Visual Studio Code 설치 방법 링크 Node.js → Node.js 다운로드 좌측의 LTS 버전으로 다운로드하여주세요. 설치 화면이 나오고, 계속 Next를 눌러주시면 설치가 완료됩니다. Vue.js devtools → Vue.js devtools 다운로드 개발의 편의성을 위해 Vue..
3. 개발도구/3_3 Development Environment Setting 2021. 2. 21. 00:48

[개발환경 세팅] Telegraf 윈도우 설치 방법

Telegraf란? 주로 수집, 처리, 종합처리, 메트릭에 쓰기 위해 사용됩니다. 시계열 데이터베이스(TSDB)인 InfluxDB와 연동으로 자주 사용되고 수집된 데이터를 전송하고 관리하는데 편리하게 해줍니다. 1. 아래 링크에서 Telegraf를 다운로드 받고 압축까지 풀어줍니다. Telegraf 다운로드 2. Telegraf를 다운로드한 경로에서 telegraf.exe를 실행해줍니다. * 파일을 실행하면 CMD창이 켜졌다가 바로 꺼집니다. 정상적으로 작동되는 것이니 걱정 안 하셔도 됩니다. 3. [제어판] → [시스템 및 보안] → [시스템] → [고급 시스템 설정]에서 환경 변수를 클릭합니다. 4. 시스템변수 탭에서 새로 만들기 버튼을 클릭합니다. 5. 변수 이름과 변수 값을 아래처럼 입력해줍니다...
3. 개발도구/3_3 Development Environment Setting 2020. 12. 9. 14:49

[개발환경 세팅] Grafana 윈도우 설치 방법

Grafana는 오픈 소스 메트릭 데이터 시각화 도구로 데이터베이스와 연동하여 시각화 대시보드를 제공해줍니다. 1. 아래 링크에서 Grafana를 다운로드 받습니다. Grafana 다운로드 2. Grafana를 다운로드한 경로에서 bin폴더 안에 있는 grafa-server.exe 실행 다운로드할 때 특별하게 경로를 설정하지 않았다면 경로는 아래와 같습니다. C:\Program Files\GrafanaLabs\grafana\bin * 파일을 실행해도 아무것도 나오지 않을 수 있습니다. 정상적으로 작동되는 것이니 걱정 안 하셔도 됩니다. 3. Grafana 설치가 쉽게 완료되었고, 아래 경로에 들어가서 로그인을 합니다. http://localhost:3000 초기 ID와 PASSWORD는 다음과 같습니다...
3. 개발도구/3_3 Development Environment Setting 2020. 12. 8. 12:09

[개발환경 세팅] InfluxDB 윈도우 설치 방법

InfluxDB 수집된 데이터를 시간 순서에 따라 저장하고 조회하는 기능을 제공하는 Time-series DB(TSDB)로 시계열 데이터베이스라고도 합니다. 시계열 DB는 실시간 입력과 조회, 고효율 압축 기술 등을 바탕으로 중단 없는 IoT 데이터 처리를 가능하게 합니다. 저장된 데이터를 손쉽게 분석하고, 활용할 수 있다는 장점도 가지고 있습니다. 시계열 DB를 이용하면 일정 시간의 흐름에 따른 추세를 보거나 시스템에 일어나는 상황을 역동적으로 확인할 수 있습니다. 저장된 데이터를 조회하거나 시각화해도 운영 중인 DB의 성능에 영향을 주지 않기 때문에 RDB로 하기에는 어려운 IoT 모니터링하는데 최적화된 데이터베이스입니다. 그럼 InfluxDB를 윈도우 환경에서 설치하는 방법에 대하여 알아보도록 하겠..
3. 개발도구/3_3 Development Environment Setting 2020. 12. 8. 10:10

[개발환경 세팅] Oracle SQL Developer 설치 방법

DB를 이용하는 툴은 여러가지가 있습니다. Oracle SQL Developer, Dbeaver, Toad 등이 있습니다. CMD창에서는 쿼리를 작성하기 매우 불편하고 번거로움이 있으니 툴들을 많이 사용하고는 합니다. 확실히 개발속도도 향상되고 편하게 할 수 있으니까요. 그럼 이번 글에서는 먼저 Oracle SQL Developer 설치 방법을 알아보도록 하겠습니다. 다운로드 Oraclce SQL Developer 다운로드 만약 JDK가 이미 설치되신 분이라면 2번째 항목을 다운로드 받으시면 되고, JDK가 설치되지 않으신 분이라면 1번째 항목을 다운받으시면 됩니다. * 혹시라도 jdk가 깔려있는지 안깔려있는지 기억을 잘못하시는 분들은 CMD 창을 열어서 'javac' 를 입력하시고 아래와 같은 화면이 ..
3. 개발도구/3_3 Development Environment Setting 2020. 10. 3. 12:16

[개발환경 세팅] 비쥬얼 스튜디오로 C# 시작하는 방법

이번 글에서는 비쥬얼 스튜디오 2019로 C#을 시작하는 방법에 대하여 알아보도록 하겠습니다. 혹시 비쥬얼 스튜디오가 없으신 분들은 아래 링크에서 비쥬얼 스튜디오 2019를 다운 받으시면 됩니다. Windows 및 Mac용 Visual Studio 2019 다운로드 Visual Studio Community, Professional 및 Enterprise를 다운로드하세요. 지금 Visual Studio IDE, Code 또는 Mac을 무료로 사용해 보세요. visualstudio.microsoft.com 저는 무료로 제공되는 커뮤니티 버전을 다운 받아보겠습니다. 위의 무료 다운로드 버튼을 클릭하면 다음과 같이 설치 파일이 다운 받아집니다. 위의 아이콘을 실행시키시면 아래와 같은 화면이 나오는데 .NET ..
3. 개발도구/3_3 Development Environment Setting 2020. 5. 31. 19:10

[개발환경 세팅] 이클립스 설치 방법

이클립스 다운로드 경로 → https://www.eclipse.org/downloads/ Eclipse Downloads | The Eclipse Foundation The Eclipse Foundation - home to a global community, the Eclipse IDE, Jakarta EE and over 350 open source projects, including runtimes, tools and frameworks. www.eclipse.org 1) 본인의 PC 사양에 맞는 것을 다운로드 해줍니다. 다운로드 받고, JDK 설치와 환경변수까지 세팅을 마쳤으면 설치는 완료됩니다. [개발환경 세팅] JDK 설치 및 환경변수 세팅 방법 [개발환경 세팅] JDK 설치 및 환경변수 세팅..
3. 개발도구/3_3 Development Environment Setting 2020. 4. 5. 11:23

[개발환경 세팅] JDK 설치 및 환경변수 세팅 방법

JDK 다운로드 경로 → JDK 다운로드 1) 다운로드 경로에서 본인의 PC 사양에 맞는 것을 다운받으시고 따로 설정할 필요 없이 [ NEXT ] 버튼만 클릭하시면 완료됩니다. 2) JDK 환경변수 설정을 위해 [ 제어판 – 시스템 및 보안 – 시스템 – 고급 시스템 ] 설정에 들어가서 환경 변수를 클릭합니다. 3) 시스템 변수에서 새로 만들기를 클릭하여 [ JAVA_HOME ] 변수를 추가하고 변수 값에는 JDK 설치 경로를 입력합니다. 4) PATH 변수를 설정합니다. 시스템 변수 중 Path항목을 찾아 편집버튼을 눌러 [ %JAVA_HOME%\bin ] 항목이 있는지 확인 후, 없다면 새로 만들어 추가하고 확인을 누릅니다. JDK가 제대로 설치 되었는 지, 환경 변수 설정이 잘 되었는 지 확인하겠습..
3. 개발도구/3_3 Development Environment Setting 2020. 4. 5. 11:11

[개발환경 세팅] VS 코드 설치 방법

비주얼 스튜디오 코드는 무료로 사용할 수 있는 텍스트 에디터로 일반 텍스트 에디터보다는 개발에 편리하게 사용할 수 있는 기능(인텔리센스, 디버깅 등)들을 제공하고 있습니다. 다운로드 경로 → https://code.visualstudio.com/ Visual Studio Code - Code Editing. Redefined Visual Studio Code is a code editor redefined and optimized for building and debugging modern web and cloud applications. Visual Studio Code is free and available on your favorite platform - Linux, macOS, and Window..
3. 개발도구/3_3 Development Environment Setting 2020. 4. 5. 11:06

[개발환경 세팅] NVM - Windows를 이용한 Node.js 설치 방법

NVM-Windows를 이용하여 Node.js를 설치합니다. 다운로드 경로 → https://github.com/coreybutler/nvm-windows/releases Releases · coreybutler/nvm-windows A node.js version management utility for Windows. Ironically written in Go. - coreybutler/nvm-windows github.com 1) nvm.setup.zip을 다운로드 합니다. 2) 다음과 같이 설정을 하고 install 을 누르면 설치가 완료됩니다. 3) NVM-Windows가 설치되었는지 확인하기 위해 CMD에서 [ nvm –version ] 입력 후 다음과 같은 화면이 나오면 설치가 정상적으로 ..
3. 개발도구/3_3 Development Environment Setting 2020. 4. 5. 11:00