본문 바로가기

개발(Develop)/Program Install34

비주얼스튜디오 코드 색상 바꾸기 / 테마 추천 / 노마드 코더가 사용하는 글꼴 색상, 코드 테마 / 비주얼스튜디오 코드 색상 테마 추천 및 비교 / Material Theme 오늘은 '노마드 코더'라는 인기 프로그래머 유튜버가 사용하는 비주얼스튜디오 코드 편집기를 봤는데 코드 색상이 너무 예뻐 해당 테마 정보를 가져와 보았습니다. 아래 유튜브 영상을 보면 코드가 빨강, 보라, 초록, 하늘색 등 대조적인 색깔로 코드가 작성이 되어 기존의 코드보다 더 한 눈에 들어올 수 있을 거 같아 저도 해당 테마를 적용해보려고 합니다. 노마드 코더가 사용하는 비주얼 스튜디오 코드 색상 테마 바로 해당 테마를 말씀드리면 'Material Theme'이다. 그러면 바로 설치하고 설정을 같이 해보도록 하자. 1. 비주얼스튜디오 코드를 실행하고, 왼쪽 블럭모양을 클릭한다. 2. 검색창에 'material theme'를 검색한다. 그리고 아래와 같은 프로그램을 찾아 설치한다. 3. 설치를 하면 아래와.. 2022. 1. 5.
웹에서 색상 추출하기 / 16진수 색상 값, RGB값 추출 프로그램 / color picker 사용법 / 웹 요소 색상 값 가져오기 / CSS 색상 추출하기 이번에 소개해드릴 프로그램은, 웹 개발을 할 때 가장 유용하게 사용될 프로그램입니다. 웹 사이트를 디자인 할 때, CSS에서 레이아웃을 짜고 색상을 입힐텐데, 원하는 색상을 추출해 사용할 때 좋을 거 같네요! 바로! 웹을 검색하면서 어떤 요소에 있는 색상이 마음에 들 때 그 색상의 RGB, 16진수 색상 값을 가지고 올 수 있습니다. 웹에서 RGB, 16진수 색상 값 추출하는 프로그램 프로그램 이름을 먼저 말씀드리면 'Color Picker'라는 프로그램입니다. 정확히 말씀드리면 따로 컴퓨터에 다운로드 받아야 하는 프로그램이 아니라, 구글 '크롬'에서 사용할 수 있는 확장 프로그램입니다. 그러면 같이 다운로드하고 사용해보도록 하겠습니다. 1. 구글 크롬 확장프로그램에 들어가준다. 2. 왼쪽 하단에 Chr.. 2021. 12. 31.
바탕화면 캘린더 / 데스크탑 캘린더 다운로드 및 사용법 / 바탕화면 달력 / PC 일정 관리 프로그램 개발자나 컴퓨터로 업무를 보는 사람들은 매일 컴퓨터를 키고, 바탕화면을 보게 된다. 컴퓨터를 부팅했을 때, 매일 보는 바탕화면에 짠!! 하고 캘린더가 있다면? 일정을 한 눈에 파악하고 할 일을 더욱 더 잘 실천할 수 있을 것이다. 그러면 유용한 프로그램 하나를 소개하겠다. 바로 '바탕화면 달력' 같이 다운로드를 받아보도록 하자 . 아래 주소를 클릭한다. http://www.desktopcal.com/ 바탕화면 달력 저는 바탕화면위에 방치하는 아주 근사한 일력소프트웨어이다. 바탕화면일력은 당신을 도와 약속、처리할 사항、일정안배를 쉽게 관리하게 한다…바탕화면위에 사소한 일들을 기록한다 ... Eve www.desktopcal.com 1. 자신의 컴퓨터 운영체제에 맞게 윈도우, 맥 중에 다운로드를 받는다. 2.. 2021. 12. 27.
코딩한 코드 바로 확인하기 / 라이브 서버 설치 / HTML 웹 브라우저 코드 바로 확인 / 비주얼 스튜디오 확장 기능 / live server 설치 및 사용방법 HTML, CSS, Javscript 등의 웹 언어를 프로그래밍 하다보면, 웹 편집기에서 코드를 작성하고, 저장하고, 저장된 웹브라우저를 열어서 새로고침을 하는 등의 번거로운 작업이 동반된다. 그런데 이 번거로운 작업을 조금 간략하게 줄여주는 확장 기능이 있다. 이 기능을 활용하기 위해선 우선 "Visual Studio Code" 프로그램이 있어야 한다. 해당 프로그램은 개발자들이 많이 사용하는 코드 편집기라서 믿고 사용해도 된다. 설치 방법은 아래에 있다. Visual Studio Code 쉬운 설치 Visual Studio Code 쉬운 설치/ VSCode 코드 편집기 추천 및 설치/ Vscode 한글 설정방법 / VSCode 코드 확대 Visual Studio Code란? 윈도우(Windows), .. 2021. 12. 15.
웹 공부 꿀팁/ Web Developer 확장 기능 사용/ HTML, CSS 공부 꿀팁 / 구글 크롬 확장 프로그램 Web 웹 개발을 위해 꼭 알아야 할 기본 언어로 HTML, CSS, JavaScript가 있다. 그 중 CSS를 공부할 때 도움이 되는 프로그램을 소개하겠다. 그러기 위해서는 '구글 크롬 브라우저'가 컴퓨터에 깔려 있어야 한다. 없다면 아래에서 다운 받자 ▼ https://www.google.com/intl/ko/chrome/ Chrome 웹브라우저 더욱 스마트해진 Google로 더 간편하고 안전하고 빠르게. www.google.com 그럼 구글 크롬 브라우저가 컴퓨터에 깔려 있다고 가정하고 크롬 브라우저를 연다. 1. https://chrome.google.com/webstore 해당 URL 링크를 입력한다. 링크로 들어가면 'Chrome 웹 스토어'로 들어가진다. 2. 왼쪽 검색창에 'web develop.. 2021. 10. 21.
웹편집기/ 비쥬얼 스튜디오 코드 이외의 다양한 웹 편집기 모음_노트패드, 텍스트메이트 등 웹 문서를 만들기 위해 HTML 태그와 CSS, 자바스크립트 소스를 입력하는 프로그램이 필요합니다. 그 프로그램을 웹 편집기(Web Editor) 또는 코드 편집기(code editor)라고 합니다. 컴퓨터에 기본적으로 깔려 있는 메모장도 웹 편집기로 사용이 가능하지만 기능 측면에서는 좋지 않습니다. 코드의 태그와 속성, 일반 텍스트를 다른 색상으로 구분을 해주거나 자동 완성 기능, 오류 검사 기능 그런 것이 없기 때문입니다. 그렇다면 어떤 웹 편집기가 있을까요 ? 윈도우용 웹 편집기에는 노트패드++ (Notepad++) https://notepad-plus.softonic.kr/ Notepad++ 완전한 소스 코드 편집기와 메모장 대체 notepad-plus.softonic.kr 에디트 플러스(Edit.. 2021. 10. 16.
코딩을 위한 글꼴 설치하기/ 코딩용 글꼴 가독성, 문자열 자간 폭, 들여쓰기 완벽/D2Coding 글꼴/ 글꼴 추천 코딩을 하다보면 에러가 나는 경우가 한 번 이상은 있을 것이다. 그럴 때 아무리 봐도 코드에 이상이 없는데, 에러를 나타내는 경우가 많다. 어떤 경우는 알파벳 엘(l)과 대문자(I), 숫자(1)을, 또는 숫자(0)과 알파벳 오(o, O)를 헷갈려 잘못 입력해 오류가 난 경우가 있다. 이를 위해 비슷하게 생긴 글자들을 쉽게 구분할 수 있는 '코딩용 글꼴'을 설치하고자 한다. 우선 아래 주소에 있는 깃허브 페이지에 접속한다. https://github.com/naver/d2codingfont naver/d2codingfont D2 Coding 글꼴. Contribute to naver/d2codingfont development by creating an account on GitHub. github.com.. 2021. 7. 21.
브레이브(Brave) 웹 브라우저 쉬운 설치 / 광고가 자동으로 차단되는 브라우저/ VPN 브라우저/ 크롬을 대체할 만한 브라우저 이번 글에서 다룰 것은 '브레이브(Brave)'라고 하는 웹 브라우저이다. 아마 처음 들어보는 분도 있고, 매우 생소할 것이다. 익스플로러나 구글 크롬(Chrome)을 쓰면되지 굳이 생소한 브레이브(Brave)? 라는 생각을 하는 사람들이 분명 있을 것이다. 나또한 그랬기 때문이다. 그런데 브레이브(Brave) 브라우저가 가진 장점이 나에게 있어서 큰 부분을 차지했다. 바로 브레이브(Brave) 브라우저에 대해 알아보도록 하자. 브레이브(Brave) 브라우저는 무엇인가? 브레이브(Brave) 브라우저는 구글 크롬과 마찬가지로 웹 브라우저이다. 다른 점이 있다면, 브레이브(Brave)에 가장 큰 장점인 웹 사이트 데이터 수집 트래커 및 광고 차단으로 인터넷 속도 및 개인 정보 보호에 더욱 집중한 웹 브라우.. 2021. 6. 14.
아마존 웹서비스(AWS) / AWS 회원가입하고 사용하기/ AWS 인스턴스 구매/ 우분투(ubuntu)로 가상 컴퓨터 원격 접속하기 / AWS란 무엇인가 이번 글에서는 AWS, 아마존 웹 서비스에 대해 다뤄볼 것이다. AWS가 무엇인지 간략히 알아보고, 바로 사용해보도록 하자. AWS(Amazon Web Services)란? AWS는 많이들 들어본 '아마존'의 자회사로 인프라를 빌려주는 클라우드 서비스를 제공한다. AWS는 대량의 서버, 스토리지, 네트워크 장비를 자체적으로 구매해놓고 사용자에게 인프라를 제공하는데, 개발자는 각 장비를 사용한 만큼의 비용만 지불하면 된다. 개발자에게는 비용 측면에서 정말 효율적이다. AWS를 ‘인프라로서의 서비스’(Infrasture as a Service, IaaS)'라고도 부르는데. IaaS는 이는 클라우드 서비스의 유형 중 하나이다. 네이버 지식백과를 스크랩해서 보자면, 이해하기 쉽게 설명되어 있으니 아래를 읽어보면.. 2021. 6. 12.

티스토리툴바