생활코딩 오프라인 수업 라이브 - 작심40시간

개발도구와 Sublime Text

Sublime Text 설치

패키지 메니저 설치

메뉴 > view > Show console 에서 아래 코드 입력

import urllib.request,os; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); open(os.path.join(ipp, pf), 'wb').write(urllib.request.urlopen( 'http://sublime.wbond.net/' + pf.replace(' ','%20')).read())

Emmet 설치

메뉴 > tools > command palette 실행 후 PCI 입력 후 엔터, 입력해서 emmet 선택 

Emmet의 기본 기능

나중에 공부 해주세요

댓글

본 수업은 웹 애플리케이션 만들기 수업으로 대체 되었습니다. 개편된 수업에서 뵙겠습니다. 본 수업은 2015년 6월 이후에 폐지됩니다. http://opentutorials.org/course/1688
댓글 본문
  1. emmet
    emmet까지 설치했는데 emmet다른걸 설치했는지..
    <!DOCTYPE html>
    <html>
    <head>
    <title></title>
    </head>
    <body>

    </body>
    </html>
    이렇게 다 떠버리구요.. ul>li 탭누르면 ul><li></li> 정상적으로 안나오고 이렇게 나오는데..어떻게 해야되는건가요..ㅠㅠ 그리고 li쓸때 자동완성되있는 상태서 커서가 자동으로 빈곳으로 이동하는것을 alt ctrl 방향키라고 들었는데.. 강의서 들었던것처럼 화면이 회전되더라구요..ㅠㅠ 그런데 그런경우는 어떻게 해야되는지는 강의에 자세히 안나와있길래.. 어떻게 해야하나요?
    대화보기
    • 서브라임 라이센스
      기업에서 사용하면 어떻게되는건가요? 일하는 기업에서 컴에 다운받았던것 같은데 아무 생각이 없었네요. 몇일이내로 지우거나 하면 괜찮나요? 실행하지 않고 다운로드만 받아놓은 상태인데 걱정되네요 갑자기.
    • 패키지설치
      패키지설치하려고 코드를 집어넣으면 파일이 생기는거까지확인되는데 ctrl+art+p 눌러서 packages를 치면 설치하는게안나오네요...제발 도와주세요.그 코드넣으면 밑에 숫자 나오고 끝나요.

      생기는 파일은 Sublime text3 ->Installed Packages 에 Package Control.sublime-package 파일이 생깁니다.
    • 후반양반무
      alt 키를 눌러도 안 보이나요
      대화보기
      • ㅇㄹ
        메뉴가 사라 졌어요!! 어떻게 다시 보이게 하죠??
      • jchkim55@gmail.com
        먼저 다른이름으로 저장(????.html)하고 탭 누루심 될것 같습니다.
        대화보기
        • jykim
          html왕초보입니다.
          패키지랑 emmet모두 설치했는데 html다음에 탭이 안먹혀요 ㅠㅠ
          도와주세요ㅠㅠ
        • mira.J
          패키지 매니저 설치는 어디서 어떻게 하는 건가요??
        • 크루시아
          아래의 패키지 메니저 설치 코드로 복사해 보세요 :)

          import urllib.request,os; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); open(os.path.join(ipp, pf), 'wb').write(urllib.request.urlopen( 'http://sublime.wbond.net/' + pf.replace(' ','%20')).read())
          대화보기
          • Judy
            옆으로 쭉 가면 되요!
            대화보기
            • whgidfhr
              질문 있읍니다 .위에 패키지 메니저 설치 코드 입력을 어떻게 하나요 전체 복사를 못하겟어요
              일일이 치는건 아닌거 같고 어려워요 ㅠㅠ
            • 빛나는새벽
              감사합니다
            • 파망빙
              오늘 강의듣기 시작했습니다.
              저도 5분쉰다고 하신다음에 영상이 끝나는데, 강의 내용상으로는 패키지도 설치하고 더 있는거 같은데, 이 페이지에서 보는거 맞죠,,,?? 영상은 어떻게 볼수 있나요??
            • egoing
              https://www.google.co.kr......OOA

              위의 링크 확인해 주세요~
              대화보기
              • 문진호
                컨트롤+알트+UP // 화면이 뒤집히는데.. 어떻게 설정하셔서.. 화면이 안뒤집히는건가요??
              • 이지윤
                패키지 매니저 부분에서 엔터를 친 다음에 ctrl+shift+p를 눌러서 나오는 입력창에 pci를 눌러도 package console install package가 안떠요 ㅠㅠ 왜그런건가요?
              • 라모
                앵귤러JS를 서브라임텍스트으로 개발하고자하는데 서버셋팅은 어떤걸로 하는게 좋은가요?

                검색해보니 파이썬으로 하는 방법도 있긴하던데...최적의 개발환경이 궁금하네여..답변부탁드릴께요
              • 콰이어트
                이고잉님 강의 잘 보고있습니다.!!!!
                오늘에서야 안건데 emmet 설치 이후에 자동완성 기능은 사용할 수 없는 건가요?? 불편한데 설정을 바꿀수 있을까요? 그리고 '나중에 공부 해주세요' 항목은 40시간 강의를 완강하고 난 뒤에 해도 되겠죠?
              • 스쿠루지
                말한대로 emmet 설치를 해봤는데
                html +tab을 누르면

                <!DOCTYPE html>
                <html>
                <head>
                <title></title>
                </head>
                <body>

                </body>
                </html>
                이렇게 계속 뜹니다 ㅜㅡㅠ
                어떻게 해야 저도 ul>li*5같은 것들이 제대로 작동할까요?
              • Rudy
                ctrl + alt + right or left로 해보셨나요?
              • syjang
                아 저는 왜 art+ctrl + 방향키가 안먹히죠 ㅠㅠ

                인텔뭐시기 하는건 옵션해제해서 고쳤는데 ;;;;
              • Hoon
                컴공 학생인데 이런 텍스트 에디터가 있는지도 몰랐네요;;;ㅎㅎㅎ웹 프로그래밍 할 때 잘 쓸 수 있을 거 같아요
              • egoing
                예 맞습니다.
                대화보기
                • jung
                  egoing님 궁금한게 있는대요 다운받아서 사용하라는 프로그램
                  VirtualBox

                  우분투

                  Aptana Studio 3.6.0

                  sublime text2
                  이내가지 기업에서 다운받아서 사용해도 되나요??
                  아니면 저 4가지 프로그램 개인용 무료 프로그램인가요?
                • 옹옹
                  notepad++가 더 좋지 않나요
                • egoing
                  그건 emmet가 설치 되지 않아서 그렇습니다. 말씀하신 것은 sublime text의 기본동작이고요.
                  대화보기
                  • egoing
                    그건 아마 인텔의 그래픽 드라이버 기능 때문일꺼예요. 바탕화면에서 오른쪽 클릭 > 그래픽 옵션 > 바로 가기 키 > 사용 안함을 하면 됩니다.
                    대화보기
                    • 제로스틴
                      음... 하나 해결하고 나니 ctrl+alt+화살표 키로 다음 태그사이로 이동하는 기능쓰려니
                      저도 화면이 뒤집히는데요.. 이건 인텔 내장 그래픽 카드 중에 단축키가 같은 키로 쓰이기 때문인데요.
                      바탕화면에서 그래픽 송성 가셔서 그래픽 단축키 사용을 해제 하시면 됩니다.
                    • 제로스틴
                      emmet css라고 써 있는 거 말고
                      emmet 라고 나오는 자체를 깔아야 되는 거였네요.
                      감사합니다.
                      대화보기
                      • 제로스틴
                        혹시 강좌에 쓰시는 건 32비트 기준인가요?
                        64비트용으로 받아서 작심 40시간 짜리보면서 하는 중인데... emmet기능이 강좌랑 좀 틀리게 동작해서요.
                        html치고 탭을 누르면 html head body등등 기본 서식을 전부 만들어 주기도 하고..
                        ul>li*10같은 기능이동작을 안하네요.
                      • 순살돈까스
                        우분투 유저입니다... 한글이 입력이 안되요 ㅠㅠ
                      • egoing
                        Alt 키를 눌러보세요~
                        대화보기
                        • 누리짱
                          sublime text3 에서 메뉴바가 사라졌어요.
                          어떻게 하면 되죠.. 난감합니다.
                        • 판도라상자
                          네~~~ 넵
                          감사합니다.
                        • mac에서는 command 를 누른 상태에서 K 와 B 를 차례로 눌러주면 sideBar가 뚸요ㅎ
                          그리고 어떤 folder든 open한 상태여야지 작동이 되네요 ㅎ
                        • egoing
                          고쳤습니다. ^^
                          대화보기
                          • egoing
                            수정했습니다. 알려주셔서 감사해요!
                            대화보기
                            • 무리수
                              저 화면이 안나와요 수업중에 5분 쉬겠다고 하고 몇시간 화면 안나오네요 ㅠ
                            • 아리수
                              5분 쉬겠다는 말씀 이후 10분동안 기다려도 화면이 안나오는 군요. ㅎㅎ
                              HTML은 다음 메뉴에서 확인해야 하는건가 보네요.
                              잘 봤습니다.^^
                            버전 관리
                            egoing
                            현재 버전
                            선택 버전
                            graphittie 자세히 보기