CSS

도구소개 - brackets

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

http://brackets.io/

댓글

댓글 본문
작성자
비밀번호
  1. luxuryJS
    브라켓 설치하고 나서 파일열기 폴더열기 등 모든 기능을 클릭해도
    반응이 아얘 없어요..
    대화보기
    • 김민영
      완..료
    • 김수
      봐쩌여 ㅎ
    • 훈지
      저 같은 경우 파일 만들기, 폴더 생성 등이 안됐었는데 브라켓이 관리자 권한이 없이 실행되고 있어서 문제가 발생했습니다. 브라켓 아이콘 오른쪽 클릭해서 속성-> 호환성 -> 권리자 권한으로 실행 누르시고 적용하신다음 껏다 다시 켜봤더니 문제 없더라구요 한번 해보시겠어요?
      대화보기
      • 수잔
        brackets synapse로 FTP접속 연결은 되는데 하위 폴더가 안뜨네요 혹시 왜그러는 걸까요?
        윈도우 서버에 접속할때만 이러는데 brackets synapses는 윈도우 서버 접속이 불가능한가요?ㅠ
      • 스페이스몽키
        감사합니다!!!
      • 유집사
        감사합니다 -_ㅠ 저도 탭키가 안먹어서
        설치를 두번다시 했거든요
        대화보기
        • 제갈량
          저는 이전부터 브락켓을 쓰고 있었는데
          마우스 오른쪽 버튼에서 편리한 기능들이 많네요.
          특히나, 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
                    파일 저정을 하시고 해야합니다~
                    대화보기
                    버전 관리
                    egoing
                    현재 버전
                    선택 버전
                    graphittie 자세히 보기