프로그래밍 시 유용한 프로그램

 

 

 

프로그래밍 세계를 탐구합시다.

새로운 정보를 알게 되면 계속 추가하겠습니다.

 

 

 

 

 

 

 1. 유용한 프로그램

 

     (1) Visual Studio Code

https://code.visualstudio.com/Download

Download Visual Studio Code - Mac, Linux, Windows

   속칭 VS Code라고 부르는 Visual Studio Code입니다. 마이크로소프트의 프로그램으로, 무료로 이용할 수 있습니다. HTML, CSS, Javascript 등 다양한 프로그래밍 및 개발 작업을 할 수 있습니다. 확장팩이 다양하여 추가 기능을 제공하므로, 사용자의 필요에 따라 광범위하게 이용할 수 있는 유용한 프로그램입니다.

 

     (2) [VS Code 확장프로그램] Live Server & Chrome

  

     Live Server는 Visual Studio Code에서 매우 인기 있는 확장프로그램 중 하나로, 웹 개발자들에게 실시간으로 웹 페이지를 미리 보고 업데이트할 수 있는 기능을 제공합니다. HTML 코드가 동작하는 것을 실시간으로 볼 수 있습니다. 이를 통해 개발자는 브라우저를 자주 새로 고치거나 다시 로드하지 않아도 되므로 개발 작업이 효율적으로 이루어질 수 있습니다.

 

 

      [Live Server 설치 방법]

 

   1. VS Code를 설치한 후 좌측 하단 붉은색으로 표시 된 큐브 모양을 클릭합니다.

   2. 확장팩 목록이 나오면, 위 검색 창에 Live Server를 검색합니다.

   3. Install을 클릭해 설치합니다.

 

 

   [Live Server 활용 방법]

   

    1. Live Server를 실행하는 브라우저는 가급적 Chrome을 사용하는 것이 좋습니다.

       설치 후 기본 프로그램으로 지정하는 것을 권장드립니다.

 

Chrome 웹브라우저 (google.com) 다운로드

Chrome 웹브라우저

   2. 우측 하단 Go Live 버튼을 클릭하거나, 코드 위에서 마우스 우클릭 후 Open with Live Server를 클릭하여 실행할 수 있습니다.

   3. 작성한 HTML 코드의 결과물이 새 창으로 오픈되는데, 실시간으로 코드를 수정하며 작업할 수 있습니다.

 

 

  (3) W3Schools

https://www.w3schools.com/

W3Schools Online Web Tutorials

  w3schools는 웹 개발자를 위한 학습 리소스 및 튜토리얼을 제공하는 온라인 웹사이트입니다. 이 사이트는 웹 기술 및 프로그래밍 언어와 관련된 다양한 주제를 다루며, 초보자부터 전문가까지 다양한 수준의 개발자를 대상으로 학습 자료를 제공합니다.

 

 

  (4) Github

GitHub: Let’s build from here · GitHub

GitHub: Let’s build from here

  개발자를 위한 최고의 커뮤니티입니다. 타 개발자와 정보를 공유할 수 있고 프로젝트를 관리할 수 있습니다.

 

 

   (5) Netlify

Develop and deploy websites and apps in record time | Netlify

Develop and deploy websites and apps in record time | Netlify

  네틀리피 (Netlify)는 정적 웹사이트를 배포하고 관리하기 위한 클라우드 플랫폼입니다. 정적 웹사이트는 서버 측에서 동적으로 데이터를 생성하거나 처리하는 대신, 미리 생성된 HTML, CSS, JavaScript와 같은 정적 파일로 구성된 웹사이트를  의미합니다. 이러한 웹사이트는 주로 블로그, 포트폴리오, 회사 소개 페이지 등과 같은 컨텐츠를 제공하는 데 사용됩니다.

 

 

   (6) Google 검색어 : bootstrap Themes & Templates

https://startbootstrap.com/

Start Bootstrap

 Bootstrap 템플릿을 무료로 다운로드 받을 수 있습니다.

부트스트랩(Bootstrap)은 웹 개발에 사용되는 무료 오픈 소스 프런트엔드 프레임워크입니다. 이 프레임워크는 원래 트위터에서 만들어졌으며 현재는 오픈 소스 커뮤니티의 자원봉사자들에 의해 유지보수되고 있습니다. 부트스트랩은 HTML, CSS 및 JavaScript 구성 요소의 컬렉션과 반응형 그리드 시스템을 제공하여 일관된 시각적으로 매력적인 웹사이트와 웹 애플리케이션을 디자인하고 구축하는 데 도움을 줍니다.

 

 

  (6) CSS 연습 사이트

https://flukeout.github.io/

CSS Diner

Flexbox(Flexible Box)라는 CSS 레이아웃 모델을 가르쳐주는 인터랙티브한 온라인 튜토리얼 사이트입니다. Flexbox는 웹 페이지의 요소들을 유연하게 배치하고 정렬하기 위한 기술로, 복잡한 레이아웃을 쉽게 구현할 수 있도록 도와줍니다.

 

 

 

  (7) Google Colaboratory

Colaboratory에 오신 것을 환영합니다 - Colaboratory (google.com)

Google Colaboratory

Google Colaboratory (또는 줄여서 Colab)은 구글이 제공하는 클라우드 기반의 무료 Jupyter 노트북 환경입니다. Jupyter 노트북은 데이터 분석, 머신러닝, 딥러닝 등 다양한 작업을 수행하고 문서화할 수 있는 인터랙티브한 환경을 제공하는 도구입니다. Google Colab은 이러한 노트북 환경을 구글의 클라우드 서버에서 제공하여 사용자들이 웹 브라우저를 통해 사용할 수 있도록 해줍니다.

 

 

 

  (8) FLEX 연습 사이트

https://flexboxfroggy.com/#ko

Flexbox Froggy

 

 

(9) jquery 함수 참고 사이트

 

https://jqueryui.com/

jQuery UI

 

(10) 프로그래밍 연습 사이트 - 백준

 

https://www.acmicpc.net/

Baekjoon Online Judge

코딩 문제를 풀며 프로그래밍을 연습할 수 있습니다.

 

 

(11) 프로그래밍 연습 사이트 - 프로그래머스

 

https://programmers.co.kr/

프로그래머스

 

코딩 문제를 풀며 프로그래밍을 연습할 수 있습니다.

 

(12) nodejs

https://nodejs.org/ko

Node.js

 

react 프로그램

 

 

(13) Eclipse Jee (Java Enterprise Edition)

https://www.eclipse.org/downloads/packages/release/kepler/sr2/eclipse-ide-java-ee-developers

Eclipse IDE for Java EE Developers | Eclipse Packages

 

 

(14) JDK 버전 8, 11 or 14, 21

 

https://github.com/ojdkbuild/ojdkbuild

 

 

(15) Apache Tomcat

 

https://tomcat.apache.org/

Apache Tomcat® - Welcome!