무료 강의사이트인 생활코딩(https://opentutorials.org/course/1) 강의를 보고 정리를 한 글입니다. 

우리같은 초보자들을 위해 굉장히 친절하게 하나하나 설명해주고 훌륭하고 좋은 사이트라고 생각합니다.



웹 개발도구

1. 버전 관리 시스템(Version Control System)
 개발자가 개인의 컴퓨터에 소스코드를 저장하여 코드가 유실되는 경우에 대비하여 서버에 코드를 저장하여 관리할 수 있도록 하는 시스템을 말한다. 
버전 관리 시스템을 사용하면 팀 단위로 프로젝트를 하거나 소스코드의 변경이력이 남아 소스가 잘못 수정이 되어 버그가 발생하였을 경우 추적을 하기가 수월하다. 

 소프트웨어 종류로는 SVN, Mecurial, Git 등이 있다.

2. 코드 편집기
 메모장같은 단순 편집기를 삽이라고 비유한다면 전문적인 코드 편집기는 포크레인이라고 할 수 있다.
메모장은 기능이 없고 단순하기 때문에 삽으로 본 것이고, 전문적인 코드 편집기는 기능이 매우 많고 다양하기 때문에 포크레인이라고 보는 것이다. 

메모장에는 소스코드에 단순한 오타가 발생하더라도 어떠한 경고메시지로도 알려주지 않는데 전문적인 편집기는 사람이 저지르기 쉬운 실수들을 저지를 경우 감지하여 경고메시지를 통해 알려줄 수가 있다. 
전문 편집기는 세부적으로 구문마다 폰트의 색깔을 구별해준다던지 코드 앞부분을 적으면 뒷부분을 자동으로 완성해주는 기능, 디버깅같은 기능들을 사용할 수도 있다. 

이러한 기능들의 유무에 따라 생산성에도 크게 차이가 날 것이다.

초보자가 학습하는 상황이라면 메모장으로도 충분하지만, 대형 프로젝트가 진행되는 상황이라면 엄청나게 많은 코드가 필요할 것이고 이럴때는 전문적인 개발 편집기가 필요하다고 할 수 있다.

다만, 메모장은 특별한 학습이 필요없는 반면, 전문 코드 편집기는 기능이 굉장히 많아 제대로 다루기 위해 오랜 학습이 필요하고 배우기가 어렵다.

코드 편집기의 종류로는 github에서 제작한 ATOM Editor, Aptana, Sublime Text, Brackets 등이 있다.



ATOM Editor는 Github에서 제작한 다양한 프로그래밍 언어를 지원하는 에디터입니다. 

컨트롤 키를 이용한 여러 개의 문자들을 한꺼번에 수정하는 기능을 이라던지 확장 플러그인을 설치해서 사용할 수 있고 대표적인 플러그인으로는 emmet이 있습니다.


다운로드 링크는 https://atom.io/ 입니다.



저작자 표시 비영리
신고

'메모용 > ' 카테고리의 다른 글

CSS란  (0) 2017.06.11
웹 개발도구 종류  (0) 2017.06.11
w3schools 웹 프로그래밍 레퍼런스 사이트  (0) 2014.05.12
블로그 이미지

콩 lee하이

거대한 콩입니다.