본문 바로가기

개발계발

[개발계발 : 프로그램 이야기] with. 비쥬얼 스튜디오

 

프로그램 이야기 [비쥬얼 스튜디오]


다운로드 링크 걸어요~!

https://visualstudio.microsoft.com/ko/free-developer-offers/

 

무료 개발자 소프트웨어 및 서비스 - Visual Studio

무료 제공: Visual Studio Community, Visual Studio Code, VSTS 및 Dev Essentials.

visualstudio.microsoft.com


장점 요약

1. 단락구분이 어렵지 않게 세로선 구분
2. 라인 넘버링
3. 입력데이터 특정 요소 컬러구분
4. 무료!!!

우선 무료라는 점과 접근성이 좋고

기본~심층 광범위한 영역에서

도움이 많이 되는 리소스를

가지고 있다는 점에서 최대 장점이지 않을까 싶습니다.




두근두근 다운로드가 진행되고 있어요.

뭔가 완전 다른 영역이긴 하지만,

새로운 프로그램을 설치할 때 마다 설레입니다.


사용하고 싶은 개발 영역을 선택하여서

프로그램 다운로드가 가능합니다.

처음부터 모두 다운로드 할 필요없이

본인의 역량에 따라 필요한 프로그램을 다운로드해야

저장공간 확보가 가능합니다. ㅎㅎ

 


다운로드 되는데에는 데스크탑, 노트북에 따라 상이합니다.

이미 어도비 (Adobe) 디자인툴 2개

포토샵과 일러스트가 있지만,

나름 빠르게 다운로드 되고 있어요.ㅎㅎ

깔고 나서 느려지면 눈물이 나지 않을까 싶기도..


짝짝짝짝~ 드디어 설치가 완료되었고,

나머지 파일을 정리하려면

다시 부팅하는 것이 좋다는 안내문구



프로그램이야기 2 [비쥬얼 스튜디오 확장프로그램]



사실 개발할 때 하나하나 입력해서 모든 걸 만들기에는

번거로움이 따르기 마련입니다.

게다가, 진행하는 프로젝트가 크면 클수록

더더욱 에러사항이 발생하기 쉽지요.

따라서, 개발할 때 유용한 프로그램을

몇가지 소개해드리려고 합니다.


auto close tag
태그를 자동으로 닫아주는 확장 프로그램입니다.
<html>이라고 여는 태그를 입력하면
자동으로 </html>태그가 생깁니다.

auto rename tag
태그를 수정하면 오픈태그, 클로즈태그

모두 수정이 됩니다.


<html></html>
둘중 프론트태그를 <p>로 바꿔주면
자동으로 비하인드태그도 </p>로 바뀝니다.

css peek
html파일 상에 CSS 사용된 위치를 ctrl + 우클릭시

사용한 CSS 요소를 확인 가능합니다.

live server
실시간으로 코딩한 파일을 바로 볼 수 있는 프로그램.

기존에는 저장 후 인터넷창에서 새로고침해야 수정사항이 적용되는데

리브서버 프로그램안에서 저장을 하게되면 자동 반영이 됩니다.

 

 

비쥬얼스튜디오가 정상적으로 설치 된 것이 확인 되었고,

어쩔수 없이 초보자는 공부하면서 이것저것 눌러보면서

배워가야 할 듯 합니다.ㅎㅎ;

 

다음엔 더 멋진 정보로 찾아뵐게요.ㅎ