CSS

도구소개 - brackets

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

http://brackets.io/

댓글

댓글 본문
작성자
비밀번호
  1. luxuryjs
    처음설치할태는 작동을 잘 되더니.
    다음날 실행시키면 파일열기나 등등 기능이 동작을 하지 않아요.
    대화보기
    • 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
                    현재 버전
                    선택 버전
                    graphittie 자세히 보기