CSS

도구소개 - brackets

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

http://brackets.io/

댓글

댓글 본문
작성자
비밀번호
  1. 류석현
    수강완료
  2. 로로
    bracket은 php , asp를 지원하지않나요?
    위에 같은 파일을 받아서 에디터로 켜보면 전부다 빨간불이더라구요.
  3. FIRE
    20190730 완료
  4. gungho
    bracket v1.14 최신버젼입니다.
    emmet 확장기능중 extract for Brackets항목이 없어 유사한 PSD Layer Viewer에 export layers,generate CSS code etc.이있어 설치하는데 "확장기능설치중 에러발생"메세지만 뜨네요.
    밧데리 모양 밑에 버튼이 생성되지않습니다.
    "help"
    extract for brackets기능를 대체하는 확장기능이 무엇으로 바뀌었나요?
  5. 김주엽
    수업완료
  6. 저두 이거 넥스트 에디트 포인트 단축기가 없는데 ㅠㅠ..궁금해여 ㅠㅠ!!!
    대화보기
    • 덕두
      next edit point 단축키가 없는데 어떻게 해야하나요 ㅠㅠ
    • 2019-03-02 완료
    • 취업하자
      신기방기하네요 ㅎㅎ
    • 포토샾 무료 되는세상은 언제올까
    • 좋은 툴 소개해 주셔서 감사합니다. Bracket은 로컬서버 기능이 있고 실시간 확인 기능도 있어서 좋네요!

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

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

      어떤 툴을 쓸지 고민을 해봐야할 것 같습니다.
    • 숨이
      emmet까지 완료햇습니당
    • 박 재만
      저장,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
                        브라켓 쓰고는 있었는데 확실하게 기능을 잘 알게된거 같아요!
                      버전 관리
                      egoing
                      현재 버전
                      선택 버전
                      graphittie 자세히 보기