비주얼스튜디오코드(vscode) 프로그램에...

[2024 / Flutter 순한맛] 윈도우에서 VS code 설치하기 - YouTube

www.youtube.com

유튜브 채널 '코딩셰프'의 영상 '[2024 / Flutter 순한맛] 윈도우에서 VS code 설치하기'다. 코딩셰프가 입문자용으로 진행하는 Flutter 강좌 '순한맛' 시리즈의 2024년판에 속한 영상이다. 구글이 만든 크로스플랫폼 앱 개발 프레임워크 Flutter로 개발을 시작하기 위해, 윈도우 PC에 코드 편집기 VS Code를 설치하고 개발 환경을 준비하는 과정을 다룬다. Flutter 개발 환경을 갖추는 첫 단계로 참고할 수 있다. 윈도우에서 Flutter로 모바일 앱 개발을 처음 시작하려는 입문자와 개발 환경 설정이 막막한 초보자에게 유용하다.

게시글

파비콘 추가 방법

파비콘은 주소입력창 좌측에 표기되는 아이콘이다 파비콘은 ico확장자를 사용해야 적용된다 적용한이후에 이미지를 교체하거나 하면 바로 적용되지 않는다 새로고침을 하고나 하면 적용이 될것같지만 적용되지 않는다 어떻게 바로 적용시키는지 몰라 테스트할때는 다른 컴퓨터로 확인해본다 주의사항 1)추가할때 도메인 포함주소를 기재해야 한다 2)ico확장자를 사용해야한다 3)파비콘 변경시 새로고침한다고 해서 변경되지 않는다

Remix Icon 아이콘무료사용

remixicon.com

Remix Icon은 디자이너와 개발자를 위한 오픈소스 아이콘 라이브러리로, 3,200개가 넘는 중립적인 스타일의 아이콘을 제공한다. 각 아이콘은 선(Outlined)과 채움(Filled) 두 가지 스타일로 준비돼 있으며, 사이트에서 검색해 바로 내려받거나 복사할 수 있다. SVG 파일, 웹폰트(CDN·npm), SVG 스프라이트, React·Vue 패키지, Figma 플러그인 등 여러 형식으로 쓸 수 있고, 웹에서는 ri-아이콘명-스타일 형식의 클래스로 간단히 넣을 수 있다. Remix Icon License v1.0에 따라 상업적 용도로도 자유롭게 사용할 수 있다. 웹사이트나 앱 UI에 넣을 무료 아이콘을 찾는 개발자와 디자이너에게 유용하다.

소스코드 테마 SytaxHiglighter 설치

makingrobot.tistory.com

이 글은 로봇 개발자가 운영하는 기술 블로그 MakingRobot에 실린 글로, 티스토리 블로그에 SyntaxHighlighter를 설치해 프로그래밍 코드를 보기 좋게 표시하는 방법을 설명합니다. 2018년 9월에 작성되었습니다. SyntaxHighlighter 3.0.83 버전을 내려받아 scripts·styles 폴더의 파일을 블로그 스킨에 업로드하고, HTML head 태그에 스크립트 코드를 넣은 뒤, 글을 쓸 때 형식으로 코드를 감싸는 순서로 안내합니다. 블로그에서는 Arduino, Python, ROS, Linux 등도 다룹니다. 티스토리에서 소스코드를 색상 구분된 형태로 게시하려는 개발 블로거에게 참고가 됩니다.

svg-explorer-extension SVG파일 미리보기

github.com

폴더​ 내에 있는 gif,png등은 미리보기가 가능합니다 그런데 SVG파일은 미리보기 기능을 지원하지 않아 하나씩 클릭해서 이미지를 확인해봐야 하는 불편함이 있습니다 해서 SVG파일도 미리보기 할수 있게 도와주는 프로그램을 소개합니다 우선 프로그램을 설치해야 합니다 https://github.com/tibold/svg-explorer-extension/releases/tag/v1.1.0 접속후 운영체제에 맞는 파일을 다운받아 설치합니다 다운받은 파일을 실행하여 설치합니다 설치는 동의후 Next(다음)을 계속 클릭하면 됩니다 설치가 완료되었다면 설치전에 미리보기가 되지 않았더 폴더을 다시열어봅니다 그럼 이미지 미리보기가 됩니다 간혹 미리보기가 안되는경우가 있는데 이때 아이콘 크기를 변경하면 됩니다

ssh를 이용하여 VSCODE로 원격서버에 연결하는 방법에 대해 알아봅니다. - YouTu

www.youtube.com

유튜브 채널 '그누보드'의 영상 'ssh를 이용하여 VSCODE로 원격서버에 연결하는 방법에 대해 알아봅시다'이다. 코드 편집기 Visual Studio Code(VS Code)에서 SSH로 원격 서버에 접속해 작업하는 방법을 설명한다. VS Code로 원격 서버에 연결하면 서버에 있는 파일을 내 컴퓨터의 편집기에서 바로 열고 수정할 수 있어, 파일을 내려받아 고친 뒤 다시 올리는 번거로움을 줄일 수 있다. 영상은 SSH 연결을 설정하고 원격 서버에 접속하는 과정을 다룬다. 그누보드 등 웹사이트 소스를 서버에서 직접 수정하는 개발자와 서버 접속이 처음인 입문자에게 유용하다.

에디터플러스

www.editplus.com

에디터플러스을 소개합니다. 에디터플러스는 html,php,자바등 다양한 프로그램을 개발할수 있게 해주는 편집툴입니다. 에디터플러스의 장점은 개발자라면 가장 많이 사용하는 편집툴이라는 것입니다 많은 사람이 사용한다면 그만한 이유가 있기 때문 입니다. 실행 속도가 빠르고 단축키가 많아 개발 속도도 빠르며 HTML, PHP, 자바, C/C++, CSS, ASP, Perl, 자바스크립트, VB스크립트, Paython, Ruby on Rails 다양한 프로그램을 개발할수 있는 확장성이 있고 해당 프로그램 개발시 색상으로 구문을 강조해주며 ftp기능이 제공되어 파일 업로드가 간편합니다. 이것 외에도 다양한 기능과 편의성을 제공하고 있습니다. 개발자들에게 선택받는 것은 그만한 이유가 있기 때문입니다. 프로그램 개발툴이 필요하시다면 에디터플러스를 사용해 보시면 어떨까요? 자세한 정보를 원하신다면 https://www.editplus.com/kr/ 주소를 참고 하시면 더많은 정보를 확인 하실 수 있습니다.

구글에서 제공하는 크롬 확장프로그램...

developer.chrome.com

Chrome for Developers에서 제공하는 크롬 확장 프로그램(Chrome Extensions) 개발 문서의 시작 페이지입니다. 구글이 운영하는 공식 문서로, 확장 프로그램을 처음 만드는 방법부터 배포까지 필요한 자료를 모아 두었습니다. 첫 확장 프로그램 만들기 가이드와 동작 원리 설명, API·권한·매니페스트 레퍼런스, 샘플 코드를 제공하며, 사이드 패널과 테마, 탭·북마크·다운로드 관리, 콘텐츠 스크립트 같은 기능별 문서와 Chrome 웹 스토어 게시 가이드로 이어집니다. 크롬 확장 프로그램을 개발하거나 API 사용법을 찾는 웹 개발자에게 유용합니다.