CSS

도구소개 - brackets

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

http://brackets.io/

댓글

댓글 본문
  1. 정현도
    2020.09.27 23:38 완료
  2. 콜라
    20200927 완료
  3. thomaslist
    https://www.cheap-jordansshoes.us.com Air Jordan 1 High New Style
    https://www.specialairshoes.com Nike x Off White Online
    https://www.ralphlaurenpopular.com Ralph Lauren Down Jackets Outlet Online
    https://www.katespadeoutletnewyork.us.com Kate Spade factory outlet
    https://www.superstaradidas.us.com Outlet Factory Adidas NMD Boost Online
    https://www.jordanshoes.in.net Nike Air Max Shop
    https://www.edhardysoriginals.com ED Hardy Discount
    https://www.kate-spadeoutletstore.us.com Us Kate Spade For Women
    https://www.scarpehogans.it Italy Hogan Vast Selection
    https://www.newcoachoutlet.com Official Coach
    https://www.poloralphoutlet.us.com New York Men's Ralph Lauren Polos
    https://www.polooutletstore.us.org Polo Ralph Lauren Authorized Site
    https://www.coachsurprise.us.com Hot Sale Coach Satchels New York
    https://www.edhardy.org.uk Ed Hardy Short T Shirts UK Outlet
    https://www.authentic-boost.com Adidas Prophere Discount
    https://www.coachhandbagsoutlets.us.com New Arrival Coach
    https://www.coachfactory-outlet.com wholesale price coach
    https://www.nikeshoesoutlet.us.org Nike Kyrie Shoes US Save Off
    https://www.polooutletoutlet.us.com UK Polo Ralph Lauren
    https://www.katespadenew.com Kate Spade Handbags
    https://www.pacificsneakers.com Air Jordan 1 Red With Bule
    https://www.katespadestyle.com Kate Spade Handbags
    https://www.katespadesale.us.com Kate Spade USA Outlet
    https://www.nikeoutletsfactory.us.com Nike M2K Tekno No Sale Tax
    https://www.prloutletclothing.com Online Outlet Ralph Lauren Shorts
    https://www.adidasmix.com New York Adidas Boost Sale
    https://www.airjordanshoes.in.net Home Nike Air Jordan Low UK
    https://www.poloralphlaurensport.com Polo Ralph Lauren Newest Collection
    https://www.donedhardy.us.com USA Ed Hardy Real
    https://www.supremeny.us.com Supreme T Shirts USA Factory Outlet
    https://www.airjordanmid.com US UK Nike Air Jordan Mid
    https://www.justinairmax.com Nike Air Force 1 Gift
    https://www.authenticgoldengoose.com Golden Goose Starter Most Fashionable Outlet
    https://www.katespadeoriginals.com Where To Buy Kate Spade Handbags
    https://www.multigroundboots.com Online Nike Multi Ground Boots Style
    https://www.supremeclothingonline.us.com Supreme Home Outlet
    https://www.polooutletsfactorystore.us.com Polo Ralph Lauren USA Factory Outlet
    https://www.off-whiteitaly.com Off White USA Outlet
    https://www.salomonshoes.in.net Salomon Speedcross Save Up To
    https://www.katespadeoutlet-store.us.com Kate Spade New York Store
    https://www.nike-factory.us.com Nike Air Max US Top For Women
    https://www.edhardyoriginals.top Ed Hardy Hoodies
    https://www.lovekillsslowly.us Womens Ed Hardy Hoodies Sale
    https://www.coachfactory.uk Coach Crossbody UK Online Sale
    https://www.pandorahearts.us.com Best Good Pandora Bracelets
    https://www.air-max2018.us.com Nike Air Max White Black
    https://www.salomonfrance.com Salomon Speedcross 3 Shoes new york on sale
    https://www.atlanticpandora.com Pandora Charms Superior Quality
    https://www.atlanticpolo.co.uk Ralph Lauren Polo Exclusive Deals
    https://www.prloutlet.co.uk Polo Ralph Lauren Save up to
    https://www.polorlpony.com Buy Cheap Polo Ralph Lauren Hoodies Online
    https://www.coachoutlet.org.uk Coach Outlet Hobo UK
    https://www.deepedhardy.com ED Hardy London And New York
    https://www.coachoutlet-handbags.com Coach bags internship
    https://www.edhardys.us Ed Hardy USA
    https://www.ed-hardy.uk.com where can i buy Ed Hardy
    https://www.atlanticralphlauren.com Ralph Lauren Discount
    https://www.coach-factoryoutletstore.com coach new york
    https://www.polooutlet.us.com Polo Ralph Lauren Send Fast
    https://www.coach-bags.org Coach outlet florida
    https://www.atlantichogan.com Sale Cheap Hogan Interactive Shoes
    https://www.airjordan4.us.com Nike Air Jordan High For Sale
    https://www.poloralphlaurenpolo.uk.com Ralph Lauren Fast Delivery
    https://www.poloralphlauren-sale.us.com Cheapest Ralph Lauren Dresses
    https://www.ggdbitaly.com GGDB Francy Fast Worldwide Delivery
    https://www.palace.us.com Palace Skateboard Sweatshirts Cheap
    https://www.edhardy.us.org Ed Hardy Discount Sale
    https://www.katespademore.com Kate Spade Handbags
    https://www.atlanticairjordan.com Air Jordan 3 USA Discount
    https://www.ralphlaurencolorfuls.com Ralph Lauren Sale Retailer
    https://www.laurenralphlauren.us Ralph Lauren USA Online
    https://www.poloralphlaurenbusiness.com Polo Ralph Lauren Black Sale
    https://www.adidasrealboost.com Outlet Adidas Yeezy Boost Online
    https://www.airmax-97.us.com Nike Air Max Shoes Big Size
    https://www.championoutlet.us.com Champion Hoodies USA Store
    https://www.adidas-nmds.us.com Adidas Shoes Green Blue
    https://www.champions.us.com USA Discount Online Sale Champion Hoodies
    https://www.authenticadidas.com Store Adidas Yeezy Boost 350
    https://www.polooutlet.uk Ralph Lauren Outlet Factory Online Store
    https://www.adidasoriginals.in.net Adidas USA New York
    https://www.edhardysurprise.com Wholesale ED Hardy T-Shirts
    https://www.coachcolorful.us.com Coach Combination Meals Outlet USA
    https://www.atlanticairmax.com New York Nike Air Max Black
    https://www.ralphlaurenclassic.org.uk Buy Polo Ralph Lauren
    https://www.airmaxsurprise.com Nike Air Max Best Selling
    https://www.poloralphlaurenbrand.com Shop Polo Ralph Lauren Best Sellers
    https://www.adidasyeezyboost-350.us.com Slim Fit Adidas Shoes
    https://www.coachus.us.com Wholesale online Coach Hobo
    https://www.atlanticcoach.co.uk Coach Shoulder For Women
    https://www.ralphlaurenponyoutlet.com Polo Ralph Lauren USA Online
    https://www.offwhitetshirt.us.com OFF White T Shirt Cheap Prices
    https://www.adidas.in.net Special Adidas NMD Boost Offers
    https://www.pandoraholiday.com USA Pandora Best Sellers UK
    https://www.ralphlaurenworldwide.com Ralph Lauren Shirts Discount Online
    https://www.usapandorauk.com Home Pandora Jewelry Outlet
    https://www.jordanshoesforsale.us.com Sale Nike Kyrie Worldwide
  4. nahbee
    레이어 뷰어는 더 이상 지원을 안 하나 봐요...
    대체 애드온은 없는건가요
    emmet까지 설치 완료.

    레이버 뷰어는 영상보니까 클론연습할때 효율적인 애드온 같아요.
  5. 김성곤
    20200718 감사합니다!
  6. 한강
    Bracket 사용법 잘 배웠습니다.
    200603
  7. 와니
    PDS Layer Viewer 설치 계속 해봐도 에러나네요.. 세시간 삭제 재설치 계속 실패 하고 포기합니다...ㅠ
  8. 박준형
    안녕하세요.
    수업잘듣고있습니다.
    bracket에디터 다운받고
    extract 설치하려 하는대
    목록에 없네여.
    이럴땐 어디로 가야하나여
  9. Dayoung
    감사합니다.
  10. 아마 Zeplin과 Adobe XD 같은 툴들이 잘 나와서 Extract는 종료하는 듯하네요 ㅋㅋ
  11. 무지개반사
    완료
  12. 2020.01.05
    Extract for Brackets(Preview) 서비스 종료
    PSD Layer Viewer 패키지로 대체 하려하였으나 설치 오류
  13. 아기새
    완료!
  14. 헐...신세계...
  15. 잭팥
    에밋이 설치되지 않았나봅니다 에밋 설치 하고 다시 해보세요
    대화보기
    • 치디우기
      수강완료
    • 류석현
      수강완료
    • 로로
      bracket은 php , asp를 지원하지않나요?
      위에 같은 파일을 받아서 에디터로 켜보면 전부다 빨간불이더라구요.
    • FIRE
      20190730 완료
    • gungho
      bracket v1.14 최신버젼입니다.
      emmet 확장기능중 extract for Brackets항목이 없어 유사한 PSD Layer Viewer에 export layers,generate CSS code etc.이있어 설치하는데 "확장기능설치중 에러발생"메세지만 뜨네요.
      밧데리 모양 밑에 버튼이 생성되지않습니다.
      "help"
      extract for brackets기능를 대체하는 확장기능이 무엇으로 바뀌었나요?
    • 김주엽
      수업완료
    • 36sec
      저두 이거 넥스트 에디트 포인트 단축기가 없는데 ㅠㅠ..궁금해여 ㅠㅠ!!!
      대화보기
      • 덕두
        next edit point 단축키가 없는데 어떻게 해야하나요 ㅠㅠ
      • lygon
        2019-03-02 완료
      • 취업하자
        신기방기하네요 ㅎㅎ
      • sdfa
        포토샾 무료 되는세상은 언제올까
      • 좋은 툴 소개해 주셔서 감사합니다. Bracket은 로컬서버 기능이 있고 실시간 확인 기능도 있어서 좋네요!

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

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

        어떤 툴을 쓸지 고민을 해봐야할 것 같습니다.
      • 숨이
        emmet까지 완료햇습니당
      • 박 재만
        저장,emmet 설치 했습니다,,,^..^
        대화보기
        • pacho
          파일 확장자를 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일차 공부 감사합니다
                  • 키썬
                    브라켓 설치하고 나서 파일열기 폴더열기 등 모든 기능을 클릭해도
                    반응이 아얘 없어요..
                    아무것도 안되는데 도데체 뭐가 문제일까요 ㅜㅜ
                  • 니니
                    감사합니다~!!
                    브라켓 다운 받아서 사용해 봤는데 한가지 궁금한게 있어요
                    서브라임이나 아톰에서는 여러개의 프로젝트 폴더를 열 수 있잖아요
                    브라켓은 안되는건가요?
                    궁금하네용
                  버전 관리
                  egoing
                  현재 버전
                  선택 버전
                  graphittie 자세히 보기