강력한 성능과 기능으로 전 세계적으로 인기리에 사용되는 모던 텍스트 에디터 Sublime Text 3 설치 및 기본/고급 사용법에 대한 강의를 진행합니다.

1. 강좌 소개

모던 프론트-엔드 웹 디자인을 위한 놀랍고 강력한 도구!
Sublime Text 3를 완벽하게 마스터하라!

친절한 야무쌤과 함께 공부해보는 Sublime Text 3의 놀라운 기능 총정리!
기본적인 사용법부터 고급 활용법까지 총망라!

99% 영상 강의로 구성되어 이해하기 쉽도록 구성되어 있습니다.
보다 효율적인 텍스트 에디터 사용법을 익히고 싶다면! 지금 함께하세요~

이 동영상 강좌는 Sublime Text 3를 처음 배우거나, 잘 활용해보고 싶은
분들에게 큰 힘이 될 것입니다. 동영상 강좌와 텍스트 해설을 함께 보면
생소한 Sublime Text 3도 금새 능숙하게 다루실 수 있을테니까요!

2. 도움되는 분들

  • Sublime Text 말만 들어봤는데 제대로 익혀보고 싶으신 분
  • Sublime Text 의 자주 사용하는 기능 외, 숨겨진 놀라운 기능들을 완벽하게 사용하고 싶은 분
  • 실무자로 업무 생산성을 향상시켜줄 에디터가 필요하신 분
  • ‘어머?! 이건 꼭 봐야해!’ 믿고 보는 야무 강의를 선호하시는 분

3. 강좌 특징

  • 다루는 기술 : Sublime Text 3 사용법, 활용법 , Emmet
  • Fast Campus, KIPFA, Bloter Academy에서 강의하는 ‘야무’ 님의 직강!
  • 57개 이상의 강의와 5.5 시간의 콘텐츠
더 보기

4. 지식공유자 소개

비주얼 그래픽을 사랑하는 프론트-엔드 디자이너, IT 전문 강사

경력
현) Fast Campus – 강사
현) KIPFA (한국 인터넷 전문가협회) – 강사
현) Bloter Academy – 강사
전) MonoD (모노디 아트센터) – 팀장, 강사
전) KTH UXD – FI Team, PD(Professional Designer)

저서
만들면서 배우는 모던 웹사이트 제작 (2015, 한빛미디어)
만들면서 배우는 모던 웹사이트 디자인 (2014, 한빛미디어)
만들면서 배우는 HTML5+CSS3+jQuery (2012, 한빛미디어

내용 접기

강좌 평가

5

11 개의 수강평
  • 5 점11
  • 4 점0
  • 3 점0
  • 2 점0
  • 1 점0
  1. twilight의 프로필 사진

    도움이 많이 되었습니다.

    5

    도움이 많이 되었습니다. 이 강의를 추천합니다.

  2. 이승훈의 프로필 사진

    Sublime Text 사용법

    5

    서브라임 텍스트 설치후 사용법 막연 하였었는데 많은 도움이 되었습니다. 반복은 많이 해야 겠지만.. 유용한 사이트 네요.

  3. 구구의 프로필 사진

    최고입니다.

    5

    모르는 부분에 대해서 많이 알게되었습니다. 알짜배기강좌!

  4. 김주호의 프로필 사진

    sublime text 처음 써봤는데

    5

    굉장히 편리한 기능들이 많네요.;;

    주력으로 사용하겠습니다.

    좋은 강의 감사드립니다.

  5. JungUn Kim의 프로필 사진

    제대로 배워보는 좋은 기회인 것 같습니다.

    5

    그냥 노트패드처럼 사용하다 뭔가 전문가가 될것 같은 느낌이네요.

  6. 깐도리의 프로필 사진

    서브라임 텍스트를 자세히 배울 수 있어 좋은 강의 입니다.

    5

    서브라임 텍스트가 무엇인가 하였지만 이 강의를 들으며 좀 더 서브라임 텍스트와 친근해질수 있는 기회가 되었습니다.

  7. ldss3sang@gmail.com의 프로필 사진

    서브라임 텍스트에 대한 기초를 배울 수 있어서 좋았습니다.

    5

    좋은 강의에 감사합니다.

  8. 인프런의 프로필 사진

    덕분에 Coda2 에서 Sublime Text 로 넘어오게 됐네요.

    5

    막상 기능들을 찾아서 공부하려면 막막하기도 하고 귀찮아서 안하게 되서 Coda로 매일 쓰던 기본기능으로만 사용했었는데, 덕분에 서브라임텍스트로 완전히 갈아타게 되었습니다.
    효율적인 기능들을 알게되서 생산성도 많이 향상되었어요.ㅎㅎㅎ
    감사합니다.

  9. Inyoung의 프로필 사진

    그 동안 몰랐던 Sublime Text 기능을 100% 활용하게 되었어요 :)

    5

    이 과정을 들으면서 지금까지 Sublime Text 사용하면서 몰랐던 새로운 기능과 유용한 사용법을 익힐 수 있게 되었어요~
    앞으로 추가되는 과정도 기대되네요~ 이 과정을 마스터하면 Sublime Text를 100% 활용할 수 있을 것 같아요~^ㅡ^

강좌 교육과정

섹션 1. Sublime Text 3 설치
01 – Windows8.1에서 Sublime Text 3(64Bit) 설치 미리보기 00:00:03
섹션 2. 에디터 기본 설정 및 단축키 변경
02 – 파일 생성 및 사이드바 설정 미리보기 00:00:03
03 – 단축키 확인 변경 & 에디터 설정 변경 미리보기 00:00:11
섹션 3. 고질적인 '한글입력 문제' 해결
04 – Windows에서 발생하는 ‘한글 입력 문제’ 보완 미리보기 00:00:03
섹션 4. '패키지 관리 도구' & '사이드바 강화' 패키지 설치/활용
05 – Package Control 및 Sidebar Enhancements 패키지 설치 00:00:03
06 – Sidebar Enhancements 사용자 정의 단축키 설정 00:00:11
섹션 5. 'EUC-KR 한글 인코딩 표시 문제' 해결
07 – ‘EUC-KR 인코딩 문서 한글표시 문제’ 해결 00:00:03
섹션 6. 에디터 스타일링 - 테마/컬러스킴/아이콘
08 – Flatland 테마(Theme) 설치 & 커스텀 설정 00:00:08
09 – 코드 스타일링 – Color scheme 추가 적용 00:06:00
10 – Sublime Text 아이콘(Icon) 변경 00:05:00
섹션 7. 컨텍스트 메뉴/심볼릭 링크 등록 - Git 설치 및 활용
11 – 컨텍스트 메뉴에 Sublime Text 등록 & Git 설치/복제 00:11:00
12 – ‘subl’ 심볼릭 링크(Symbolic Link) 등록 00:06:00
섹션 8. 새 문서 - 기본 문법모드 설정
13 – 새 파일 생성 시, 자주 사용하는 문법 모드 설정 00:04:00
섹션 9. 알아두면 유용한 단축키
14 – 기본(Basic) 00:06:00
15 – 선택(Selections) 00:05:00
16 – 빠른 이동(Go To…) 00:10:00
17 – 라인(Lines) 00:06:00
18 – 코드 폴딩(Code Folding) 00:04:00
19 – 검색/찾기/대체(Search & Find/Replace) 00:10:00
20 – 탭 패널(Files & Tabs Panes) 00:05:00
섹션 10. 북마크 활용 & 프로젝트 관리
북마크(Bookmark) 활용 00:02:00
프로젝트(Project) 관리 00:04:00
섹션 11. 자동완성 - 코드힌트/스니펫/매크로 활용
내장된 자동 완성 (Auto Complete) 활용 00:02:00
스니펫 (Snippet) 활용 00:07:00
매크로 (Macro) 활용 00:09:00
섹션 12. Sublime Text를 보다 강력하게 만들어 줄 패키지 콜렉션
새 파일/폴더 생성을 보다 손쉽게! – Advanced New File 00:05:00
코드 정렬을 손쉽고 편리하게! – Alignment 00:08:00
정규표현식을 통한 정렬! AlignTab 00:09:00
코드 괄호를 보기 쉽게 표시해주는 Bracket Highlighter 00:12:00
클립보드 메모리 관리를 편리하게! – Clipboard History 00:09:00
OS ‘컬러 선택도구’를 팝업으로 띄우는 Color Picker 00:03:00
스크립트 주석(Script Comment) 작성을 편리하게! – DocBlockr 00:06:00
섹션 13. 빠른 HTML마크업/CSS스타일링을 위한 Package! - Emmet
Emmet Package 설치 00:02:00
Emmet HTML – ‘표준 DTD 문서’ 유형별 생성 00:04:00
Emmet HTML – ‘요소 & 형제/자식요소’ 생성 00:03:00
Emmet HTML – 구문 연결을 위한 ‘부모요소 접근 및 그룹핑’ 00:05:00
Emmet HTML – 복수 요소를 생성하기 위한 연산자 00:02:00
Emmet HTML – ID, Class, custom 속성 선택자를 통한 생성법 00:10:00
Emmet HTML – 숫자를 자동으로 생성시키는 연산자 00:04:00
Emmet HTML – 텍스트를 추가하는 연산자 00:05:00
Emmet HTML – 부모요소에 따라 암묵적 코드 생성 00:03:00
Emmet HTML – 더미텍스트(Lorem Ipsum) 생성기 활용 00:04:00
Emmet HTML – 커스터마이징 (맞춤 설정) 00:16:00
Emmet HTML – 주언어 설정 값을 한국어(ko-KR)로 변경 설정 00:06:00
Emmet CSS – 속성, 값, 단위, 컬러 등을 축약 코드로 생성 00:08:00
Emmet CSS – 브라우저 제조사 접두사 코드 자동 생성 00:03:00
Emmet CSS – CSS3 Gradients 코드 자동 생성 00:03:00
Emmet Actions – CSS 값 미러링 00:01:00
Emmet Actions – 수식계산 00:02:00
Emmet Actions – Tag 이름 교체 00:01:00
Emmet CSS – 빠른 코딩(Fuzzy Search) & 커닝페이퍼(Cheat Sheet) 00:09:00
Emmet HTML – 인터랙티브한 코드 작성법, 축약코드로 감싸는 방법, 태그 제거 방법 00:06:00
Emmet Actions – 빠른 편집을 위한 테크닉 정리! 00:07:00
Emmet Actions – 이미지 사이즈 자동 업데이트 & data:URL 00:05:00
  • 무료
  • 무제한
  • 훈장
  • 54개 강의, 총 4 시간 23 분

인프런은 성장기회의 평등 을 추구합니다.

경제적, 시간적 제약없는 양질을 교육으로 누구나에게 성장 기회를 균등하게 주는것. 그것이 우리의 목표입니다.

지식공유참여 고객센터
top
(주)인프랩 | 대표자:이형주 | TEL:070-4202-1180 | E-MAIL: course@inflearn.com | 사업자번호:499-81-00612
주소:성남시 분당구 삼평동 대왕판교로 645번길 12 경기창조경제혁신센터 8층 R10 | 개인정보보호책임자:이형주
통신판매업:2017-서울강남-01544 | ©INFLAB. ALL RIGHTS RESERVED