CSS

도구소개 - brackets

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

http://brackets.io/

댓글

댓글 본문
작성자
비밀번호
  1. 수잔
    brackets synapse로 FTP접속 연결은 되는데 하위 폴더가 안뜨네요 혹시 왜그러는 걸까요?
    윈도우 서버에 접속할때만 이러는데 brackets synapses는 윈도우 서버 접속이 불가능한가요?ㅠ
  2. 스페이스몽키
    감사합니다!!!
  3. 유집사
    감사합니다 -_ㅠ 저도 탭키가 안먹어서
    설치를 두번다시 했거든요
    대화보기
    • 제갈량
      저는 이전부터 브락켓을 쓰고 있었는데
      마우스 오른쪽 버튼에서 편리한 기능들이 많네요.
      특히나, css파일을 따로 열어보지 않아도 본 파일에서 css코드를 볼 수 있다는게 좋아보이네요.
      수업에서 언급하지는 않았는데
      css색상코드나 색상 이름을 마우스를 갔다 대면 해당색상이 보여집니다.
      참고하세요.
    • 찐허응스
      extract 는 너무 아쉽네요ㅠㅠ 설명듣고 써보려고 했는데 아쉽습니다ㅠ
    • 아이셔
      Extract for Brackets와 비슷한 확장자 없나요??
    • 띠링
      우와~ 빨리 진도나가고 싶은데 신기해서 다 봤어요,
    • 시밍
      Extract for Brackets(Preview)는 사용자가 적어 Adobe에서 중단했다고 하네요 ㅠㅠ 사용하고프면 드림위버 CC버전을 활용하라니.. 아쉽네요 http://blog.brackets.io......ew/
    • ㅇㅇ
      브라켓이랑 아톰 둘 다 설치는 되는데 실행이 안됩니다ㅠㅠ
      뭐가 문제인지 모르겠네요
    • 은비콩
      제가 윈도우라서 그런가 아니면 1.11버젼이라 그런가 모르겠는데 확장기능에 extract 라고 쳐도 extract for brackets(Preview) 가 안나오던데여? (댓글보고 알았는데 서비스가 종료 됐나보네여? ㅎㅎ)
    • soft91
      진짜 도움이 많이 되었습니다!!
      역시 동영상으로 보는게 이해가 빠르네요!
    • 푸른하늘
      10일차 공부 감사합니다
    • 키썬
      브라켓 설치하고 나서 파일열기 폴더열기 등 모든 기능을 클릭해도
      반응이 아얘 없어요..
      아무것도 안되는데 도데체 뭐가 문제일까요 ㅜㅜ
    • 니니
      감사합니다~!!
      브라켓 다운 받아서 사용해 봤는데 한가지 궁금한게 있어요
      서브라임이나 아톰에서는 여러개의 프로젝트 폴더를 열 수 있잖아요
      브라켓은 안되는건가요?
      궁금하네용
    • 이성준
      잘봐/씁니다.
    • 오빠는다르다
      감사합니다~ ㅠㅠㅠㅠㅠㅠㅠ 감동......
    • ballbot
      후자에 설명한 기능은 서비스 종료되서 아쉽지만
      자동완성 기능만으로도.. 행복하다고 할까요 .. ㅋㅋ
    • 윤진석
      Extract for brackets(preveiw) 없는데요
    • 맨밥
      갑자기 미리보기 기능에서 에러가 뜨네요.... index.html이라고 이름된 파일에서 열었고, 파일 위치는 bitnami 안에 htdocs 안에 위치해 있어요.. "localhost에서 연결을 거부했습니다."라고 뜨는 데 어떻게 된걸까요ㅜ 몇주 전만 해도 잘 작동했었는데..!
    • 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
                    현재는 지원을 안하는 것 같더라구요
                    대화보기
                    버전 관리
                    egoing
                    현재 버전
                    선택 버전
                    graphittie 자세히 보기