생활코딩

Coding Everybody

코스 전체목록

닫기

도구소개 - brackets

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

http://brackets.io/

댓글

댓글 본문
작성자
비밀번호
  1. 36sec
    저두 이거 넥스트 에디트 포인트 단축기가 없는데 ㅠㅠ..궁금해여 ㅠㅠ!!!
    대화보기
    • 덕두
      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
                        브라켓 쓰고는 있었는데 확실하게 기능을 잘 알게된거 같아요!
                      • 궁금이
                        extract for brackets 툴을 대체할만한 툴이 있을까요? 꼭 brackets에서가 아니라도...

                        너무 놀라운 기능인 것 같아요.

                        항상 강의 감사합니다. ^^
                      • 공삼이육
                        여기도 에밋을 쓸 수 있네요! 브라켓 정말 편리하고 친절한 에디터네요 감동했습니다 ㅋㅋㅋ
                      • php가 첫취업?
                        에디터를 대체 몇개를 쓰시는건가요 ㄷㄷ?
                        서브라임텍스트쓰다가 엑스엠피설치하는데 아파치 연동이 제대로 안먹네요...
                        아톰은 현재 시도중...
                      • 고베베
                        extract for brackets기능 너무나 사랑스럽네요!
                        방금 학원에서 포토샵 slice tool을 배웠는데 ㅎㅎㅎㅎ 이렇게 적절한 타이밍일 수가 ㅎㅎㅎ
                      • funlife
                        비거님 감사합니다.
                        덕분에 원도우에서 emmet 설치했습니다. ^^
                        대화보기
                        버전 관리
                        egoing
                        현재 버전
                        선택 버전
                        graphittie 자세히 보기