CSS

도구소개 - brackets

지금부터 수업에서 bracket을 사용하려고 합니다. bracket는 adobe에서 만든 오픈소스 에디터로 html, css 코딩을 하는데 최적화된 좋은 도구입니다. 하지만 이 도구는 코딩을 편리하게 해줄 뿐 우리수업의 내용과는 직접적인 연관은 없기 때문에 보셔도 좋고 안 보셔도 전혀 문제 되지 않습니다. 

http://brackets.io/

댓글

댓글 본문
작성자
비밀번호
  1. 맨밥
    갑자기 미리보기 기능에서 에러가 뜨네요.... index.html이라고 이름된 파일에서 열었고, 파일 위치는 bitnami 안에 htdocs 안에 위치해 있어요.. "localhost에서 연결을 거부했습니다."라고 뜨는 데 어떻게 된걸까요ㅜ 몇주 전만 해도 잘 작동했었는데..!
  2. publicum
    제가 직접 사용해보지 않아서 잘 모르겠네요. 아마 그 두 제품에서는 이고잉님이 소개해주신 것처럼 Creative Cloud에 올려놓은 psd파일에서 layer하나만 쏙 빼오는 기능을 이용할 수 있다는 거겠죠?
    대화보기
    • protester
      아..그렇군요! 이렇게 답변 메일주셔서 너무 감사 드리고요, 한 가지 질문은....그럼 Photoshop이나 Dreamweaver 정품을 구입하면 extract plug-in 기능을 사용할 수 있는 건가요?
      대화보기
      • publicum
        아래 댓글에 어떤 분이 이미 적어두셨는데, 2016년 4월에 Creative Cloud를 통한 extract plug-in 기능 지원이 중단되었다는군요. 같은 해 여름, 해당 기능을 서비스한다는 후속 발표가 있긴했지만, Adobe가 자사의 제품인 Photoshop과 Dreamweaver만을 지원하는 방침을 정했기 때문에 brackets에서는 더 사용할 수가 없는가 봅니다.
        (https://blogs.adobe.com......ts/)

        해외 포럼을 읽어보니 아무래도 Adobe가 해당 기술을 opensource화 하기를 원하지 않았기 때문이라고 하네요.
        (심지어는 그래서 Brakets의 좋은 시절이 끝났다고 하는 사람까지..)
        대화보기
        • protester
          뜨~악!...되네요! 새로운 세상이 열리는 듯~~! 근데 extract기능은 없어진 건가요?
        • 누에고치
          대박이에요...^^
        • sk0x0y
          extract extend가 없어져서 아쉽네요.. 왜 없어졌는지는 모르겠습니다.
        • MS lee
          brackets 인스톨하고, 오픈하는데에 문제가 있어서 질문하는 글을 올렸었는데
          문제가 해결이 되어, 글은 지웠습니다.
          이 툴 정말 편하고 좋네요.. 아톰도 참 좋던데, 이건 CSS 하기에 정말 좋은것 같아요
          칼라의 코드를 넣으니까, 조그만 썸네일이 뜨면서 실제 색상을 보여주더라구요.
          아직 많이 써본것은 아니지만, 많이 유용할것 같습니다.
        • 사이구
          브라켓 정말 좋아요!아톰도 편리했는데 뭔가 더 끌리네요 ㅎㅎ
        • 쿠쿠다스
          감사합니다
          extract for bracket 이것을 대체할만한 무언가 없을까요??
        • 칭칭이
          이걸로 루비언어도 쓸 수 있을 까요??
        • Eunryeong Cha
          브라켓 쓰고는 있었는데 확실하게 기능을 잘 알게된거 같아요!
        • 궁금이
          extract for brackets 툴을 대체할만한 툴이 있을까요? 꼭 brackets에서가 아니라도...

          너무 놀라운 기능인 것 같아요.

          항상 강의 감사합니다. ^^
        • 공삼이육
          여기도 에밋을 쓸 수 있네요! 브라켓 정말 편리하고 친절한 에디터네요 감동했습니다 ㅋㅋㅋ
        • php가 첫취업?
          에디터를 대체 몇개를 쓰시는건가요 ㄷㄷ?
          서브라임텍스트쓰다가 엑스엠피설치하는데 아파치 연동이 제대로 안먹네요...
          아톰은 현재 시도중...
        • 고베베
          extract for brackets기능 너무나 사랑스럽네요!
          방금 학원에서 포토샵 slice tool을 배웠는데 ㅎㅎㅎㅎ 이렇게 적절한 타이밍일 수가 ㅎㅎㅎ
        • funlife
          비거님 감사합니다.
          덕분에 원도우에서 emmet 설치했습니다. ^^
          대화보기
          • funlife
            정말감사합니다.
          • yeoandante
            extract for braket이 사라져서 아쉽네요 :) 그래도 bracket 설명 감사합니다 ^^
          • 비거
            Extract for brackets는 http://blog.brackets.io......ew/ 에 들어가시면 서비스가 중단되었다고 공지가 되어있네요.. 참고하세요.
          • 비거
            emmet이 '설치에 실패했습니다. 알 수 없는 내부 에러'로 뜨면서 설치가 안되는 분들을 위해 답변해드리겠습니다.
            먼저 https://brackets-registry.aboutweb.com/ 사이트에 들어가셔서 Ctrl+F 찾기를 누르고 "emmet"을 찾아 "brackets-emmet-1.2.2"이라는 zip파일을 다운받습니다.
            다운 받은 zip 파일을 C:\Users\(사용자의 이름)\AppData\Roaming\Brackets\extensions\user에 압축을 풉니다. 압축을 풀면 제대로 된 폴더에 압축이 풀어졌는지 확인하기 위해 bracket 창 메뉴에서 도움말>확장 기능 폴더 열기를 누릅니다. 탐색창이 뜨면 user 폴더에 "brackets-emmet-1.2.2"폴더가 있으면 된겁니다.
            bracket을 종료한 후 다시 시작하시면 emmet이 설치되어 있을 겁니다.
            저도 이 문제를 겪었는데 영문 사이트 참고해서 알려드립니다.
          • matheios
            강의 감사합니다
          • matheios
            저도 초보 단계라서 확실한 답변이 될지는 모르겠지만 아는 범위에서 답변 드립니다.
            아마도 새파일로 파일 생성하시면 해당 파일이 어떠한 확장자를 가진 파일인지를 몰라서 emmet 기능이 작동을 안할 겁니다.
            ****.html 등과 같은 확장자로 파일을 저장하시고 탭키로 한 번 해보시면 되실 겁니다.
            답변이 되셨는지 모르겠네요...
            대화보기
            • Starter
              혹시 Windows10 때문일까요...
              저도 역시 '알 수 없는 내부에러' 라는 메세지로 설치가 되지 않습니다.
            • mj chang
              emmet 설치가 안될 때 어떻게 해야 하는지요?
            • 송기린
              확장기능을 설치하려하면 '설치에 실패했습니다. 알 수 없는 내부 에러' 뜨면서 설치가 전혀 안돼는데 해결 방법 아시는 분 계신가요? 다시 깔아봐도 똑같이 설치가 안됍니다.ㅠㅠ
            • 싱하
              강의 너무 감사합니다. 많은 사람들이 찾아봤으면 좋겠어요
            • egoing
              파일 저정을 하시고 해야합니다~
              대화보기
              • 임영재
                안녕하세요 새해는 복많이 받으시고 새해에는 회원님들의 뜻하시는 모든일들을
                꼭 이루시길 소원합니다.
                제는 브라켓에서 에밋을 설치했는데 새파일에서 html을 쓰고 탭키를 누르면 작동을 하지
                안네요 어찌된일인지 아시는 분 있으시면 가르쳐 주시면 감사하겠습니다.
                감사합니다.
              • 임영재
                paper 닉네임님께서 https://github.com......eb4이웹주소를 주셔서 이 주소로 가서 brackets 1.5버전
                다운로드 해서 설치하니 Extract for Brackets (Preview) 같이 설치가 되는데 사용하려고 아이디와 패스워드창이
                형성이 않되고 오류가 나네요
                더이상 사용을 못하게 하는것인지 궁금하네요
              • 이찬용
                저도그런데;;해결하셧나요>
                대화보기
                • egoing
                  현재는 지원을 안하는 것 같더라구요
                  대화보기
                  • 삐꾸돼지
                    이제 psd기능은 못쓰는건가요??? extract for braket인가 그게 아예 사라졌네요.
                  • souLTrain
                    라이브 프리뷰가 원인을 알지못하는 에러가 발생해서 중지된다는 메세지가 나오네요 ㅠㅠ
                    이거 구글링해도 해결을 못하겠네요... ㅠㅠ
                  • 수강생
                    adobe@@@@.com/kr/creativecloud/extract.html
                    해당 플러그인이 어도비에 정식으로 들어가서 포토샵과 드림위버외에 지원이 종료된것 같습니다
                  • 주니꾸기
                    추가로 밑에 이전버젼+extract번들 패키지 받는 방법 올려주셔서 다운 받고 플러그인 실행해 봤는데

                    Extract for Brackets
                    Extract for Brackets service is no longer available. If you wish to continue using Extract, download Adobe Dreamweaver CC:

                    https://creative.adobe.com......ver

                    기능 지원 종료되었네요..
                  • 주니꾸기
                    Update about Extract for Brackets (Preview)

                    Some of you are familiar with the Extract for Brackets extension, a tool used to work with PSDs shared via Creative Cloud. As announced in this post on the Creative Cloud blog today, we are discontinuing the extension effective on June 28 due to low usage. Please note that any PSD files you’ve used with Extract will still be available to access or share within the Creative Cloud Assets service.

                    To continue using Extract functionality, we suggest checking out the Extract panel in Dreamweaver CC. Thank you for your feedback and support during this process.

                    출처: http://blog.brackets.io......ew/

                    이거 보면 extract for brackets는 이제 지원하지 않는 것 같구요..(많이 사용 안 해서) 이 기능 계속 쓰고싶다면 Dreamweaver CC라는 프로그램을 이용해라는 뜻인 것 같습니다... 아쉽네요
                  • 아..행복하다..정말 행복합니다!
                  • 아, 저도 방금 들어가봐서 해봤더니 똑같은 문구가 뜨네요. 확인도 제대로 안하고 지레짐작 해결했다고 댓글 달아버렸네요ㅠㅠ
                    대화보기
                    • Extract for Brackets service is no longer available. If you wish to continue using Extract, download Adobe Dreamweaver CC:

                      extract for bracket이 더이상 지원이 안돼나봐요 ㅠ...
                      NAMO님 말씀처럼 다운그레이드 해서 사용이 가능하길래 써봤더니 adobe cc에서 open psd 파일 누르니까 저런 문구가 떠요 ㅠ
                    • 이은혜
                      extract for brackets 이제 지원 안하나봐요 ㅠㅠ
                    • 강정우
                      win10 / brackets 설치는 했구요. 진도 나가는 와중에 이젠 emmet도 사용하고 싶은데
                      emmet 설치하려고 하면 '설치에 실패했습니다.알 수 없는 내부 에러'라고 뜹니다
                      기존에 설치한 atom도 지우고, brackets 재설치도 두어번 해보고,
                      수동설치파일 받아도 안되고 Node.js , npm 도 깔아봤는데 이것들은 사용법도 잘 모르겠구요
                      구글링을 한참 해도 해결법을 정확하게 모르겠습니다 어떻게 해야 할까요 ㅠㅠ
                    • 임지호
                      님 덕에 겨우 깔았네요 감사합니다!
                      대화보기
                      • Kijin Roh
                        브라켓을 만나 정말 행복합니다. ^^
                      • 폭스킴
                        extract for brackets (preview) 플러그인이 다른 이름으로 변경되거나 사라진 것 같은데,
                        이에 대해 자세한 조언 주실 수 있는 분~~~
                        AEM BRACKETS EXTENSION 이라는 게 있는데 혹시 이걸로 바뀐 건가요?
                      • /로데

                        왜안뜨죠?

                        다시 천천히 emmet 입력해보세요. 저는 뜨네요
                        대화보기
                        • 로데
                          emmet 말고 다른 플러그인 설치법좀 알려주세요. 현재 검색해도 나오지 않네요
                        • skinplex
                          감사합니다
                          대화보기
                          • 저도 한참찾다 플러그인으로는 검색이 안됬었어요.
                            https://github.com......eb4
                            Extract와 묶여있는 파일로 다시 다운로드했더니 되네요
                            대화보기
                            • 오르빈도
                              안녕하세요 생활코딩를 보며 배우고 있는데요 brackets를 배워 보려는데
                              선생님의 패키지 검색에서 extract for brackets (preview) 이 패키지가 검색이 않되는데요
                              brackets를 잘 못 설치 한것인가요?
                              emmet은 설치가 되어 사용이 가능한데 위 패키지는 왜 검색이 않되는지
                              방벙이 있으면 가르쳐 주시면 감사하겠습니다.
                              않되다 보니 삽질을 많이 하게 되는군요
                              설명해 주신대로 에티터는 참 좋은 것 같습니다
                            버전 관리
                            egoing
                            현재 버전
                            선택 버전
                            graphittie 자세히 보기