CSS

도구소개 - brackets

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

http://brackets.io/

댓글

댓글 본문
작성자
비밀번호
  1. sdfa
    포토샾 무료 되는세상은 언제올까
  2. 좋은 툴 소개해 주셔서 감사합니다. Bracket은 로컬서버 기능이 있고 실시간 확인 기능도 있어서 좋네요!

    참고로 Visual Studio Code에는 Emmet 이 아예 포함되어 있는거 같네요!
    https://code.visualstudio.com......2.0

    View in Browser도 확장기능으로 추가가 가능하고요.

    어떤 툴을 쓸지 고민을 해봐야할 것 같습니다.
  3. 숨이
    emmet까지 완료햇습니당
  4. 박 재만
    저장,emmet 설치 했습니다,,,^..^
    대화보기
    • 파일 확장자를 html로 저장하시고 탭하시면 되요 더많은 기능 사용하시려면 emmet 설치하시고요
      대화보기
      • 꽃대군
        html 하고 Tab을 눌러도 안되는데 뭐가 문제입니까,,,,?
      • 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이 설치되어 있을 겁니다.
                        저도 이 문제를 겪었는데 영문 사이트 참고해서 알려드립니다.
                      버전 관리
                      egoing
                      현재 버전
                      선택 버전
                      graphittie 자세히 보기