안녕하세요.

케지입니다 :)

오늘은 홈페이지 제작전에 필수요소인 에디터에 대해 알아보겠습니다.

에디터에는 여러가지가 있는데 제가 사용했었던 에디터 2종류를 소개할 예정입니다!

이번 시간엔 Sublime Text3 에 대해 알아보려합니다.

제가 Windows를 사용하기에 Windows를 기준으로 설명하겠습니다.

개요

Sublime Text는 주로 프론트 엔드 프로그래밍에 사용합니다.

여기에 맞게 최적화되어 있기도 하구요 :)

처음 설치하게 되면 진짜 아무것도 없는 화면이 나와서 당황하시는 분들이 많습니다.

하지만 여기에 아주 강력한 장점인 패키지들을 여러개 설치하여 자신에게 안성맞춤인

에디터로 만들 수가 있죠. 기본적인 기능도 우수한 편이며, 여러 패키지를 설치하면

마우스를 아예 쓰지도 않고 빠르게 홈페이지 제작도 가능해집니다

설치

빠르게 설치부터 해봅시다!

여기를 클릭하여 Sublime Text 홈페이지로 이동해주세요.

자신의 운영체제에 맞게 설치하시면 됩니다.

그후 그냥 설치하라는데로 설치하시면 끝납니다. 참 쉽죠~?

기본 설정

위에 말했듯이 처음에 설치하고 에디터를 실행하면

정말 아무것도 없는 심플한 화면이 나오게됩니다.

이제 차근차근 중요한 패키지들을 설치해보죠 :)

PACKAGE CONTROL

패키지 설치의 시작인 PACKAGE CONTROL을 설치해봅시다.

먼저 Console을 열어줍시다.
( 단축키: Ctrl + `, 메뉴 View > Show Console menu)

위에 이미지처럼 텍스트창에 아래의 내용을 붙여넣기합니다.

 import urllib.request,os,hashlib; h = 'df21e130d211cfc94d9b0905775a7c0f' + '1e3d39e33b79698005270310898eea76'; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); by = urllib.request.urlopen( 'http://packagecontrol.io/' + pf.replace(' ', '%20')).read(); dh = hashlib.sha256(by).hexdigest(); print('Error validating download (got %s instead of %s), please try manual install' % (dh, h)) if dh != h else open(os.path.join( ipp, pf), 'wb' ).write(by)

Enter를 해주신뒤 에디터를 재부팅해주시면 됩니다.

PACKAGE INSTALL

이번엔 패키지설치 방법입니다.

Sublime Text Command Pallet를 열어봅시다.
(단축키: Ctrl+Shift+P, 메뉴 : Tools > Command Pallet)
Command Pallet이 나오면 Install Package를 입력해주세요.
다음 설치할 패키지를 입력해주시면 됩니다!

[KR] 초보자도 따라하면 누구나 만드는 홈페이지 프로젝트 2일차

개요

설치

기본 설정

PACKAGE CONTROL

추천 플러그인

DocBlockr