웹 애플리케이션 만들기

개발도구

 도구의 필요성

 아톰설치

아톰 바로가기 : https://atom.io/

아톰에 대한 상세한 사용법은 다음 수업을 참고해주세요. https://opentutorials.org/module/1579
아톰 설치에 문제가 있는 분은 sublime text를 추천합니다. https://opentutorials.org/course/671/3595

 윈도우에 아톰 설치

맥에 아톰 설치

리눅스에 아톰 설치

sudo add-apt-repository ppa:webupd8team/atom
sudo apt-get update
sudo apt-get install atom

자세한 내용은 검색을 이용해주세요. 

아톰 사용법 

댓글

댓글 본문
작성자
비밀번호
  1. moosekiss
    전 TAB 키 누르니깐
    포맷이 다 나오네요
    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="utf-8">
    <title></title>
    </head>
    <body>

    </body>
    </html>

    당황ㅋㅋ
  2. AL
    아톰설치까지는 무난히 마쳤는데 인스톨 패키지에서 검색을 해봐도 emmet을 찾을 수 없다고 나오네요.
    도와주세요! 셋팅메뉴 전반적으로 모든 서치기능이 로딩이라고만 떠요. 흑흑. 인터넷 문제는 없는데 해결방법 없을까요?
  3. WAlk7
    감사합니다.
    웹스톰을 쓰는데 아톰도 생각해봐야곘어요
    수업도 아톰이니까요 ㅎㅎ
  4. 와 아톰
    와 아톰이 지리네요
  5. 설디
    이제까지 에디터플러스로만 코딩했었느데.... 왜 이제서야 아톰을 알았을까...
    게을렀던 저를 채찍질하고....ㅎㅎ 생활코딩 너무 잘 보고 있는 웹디자이너입니다. 언제나 감사합니다~
  6. 연작
    늦었지만 아톰 최초 실행 후 바로가기 아이콘이 없어 실행할 수 없으신 분들을 위해, 제가 해결한 방법을 적어보겠습니다.
    운영체제는 windows10 기준입니다.

    1) 폴더 설정에서 숨긴 항목을 표시하게 함
    -> AppData 부분이 숨김 항목이기 때문입니다.

    2) 로컬디스크C - 사용자(user) - pco - AppData - Local - atom 경로로 들어간다
    -> 사용자 부분은 어떤 버전을 이용하느냐에 따라 다를 수 있습니다.

    3) atom 이라는 이름의 응용 프로그램이 있습니다.거기에 오른쪽 마우스 > 보내기 > 바탕화면에 바로가기를 만들면 실행 아이콘이 생깁니다. (원본 파일은 되도록이면 건들지 않고, 바로 가기를 만드는게 안전하다고 생각했습니다.)

    제가 해결한 방법이기에 완벽한 해결 방법은 아닐 수도 있지만, 혹시나 도움이 된다면 정말 기쁘겠습니다. 다들 열심히 공부합시다.
  7. 아나이스
    다시 한번 더 듣고 한꺼번에 댓글 올려용~
  8. Cenfun
    잘 봤습니다.
  9. 김재영
    아톰설치가 원래 이렇게 오래 걸리나요..?
  10. 이종역(pandora)
    잘보았습니다.
    정말 편리한 edit 많은지 새삼 느낌니다.
    감사합니다.
  11. Fedora linux 12 버전으로 하는 중인데 아톰 설치가 안돼서 진도를 못나가고 있습니다. ㅜㅠ
    libsecret rpm파일이 없대서 구글로 찾아봐도 Fedora 12 버전은 찾기 힘들고,
    우분투에 다시 bitnami랑 새로 설치해서 진행할까 생각중입니다. 혹시 저같은 분 안계신가요 너무 답답해요
  12. 코알못
    저도
    탭키 눌렀는데
    li*3>a 가
    li*3><a href="#"></a> 로 변하네요...
  13. 비빔국수
    아톰 다운받는게 원래 시간이 이렇게 오래걸리나요 제노트북 최근에 산건데 삼십분넘게 걸려요 아직도 다운받고있어요
  14. 연필굴리기
    감사합니다~
  15. Hyojeon Kim
    잘 보았습니다.
  16. dogn
    처음엔 설치 거부 메시지가 떠서 당황했는데, 두 번째로 시도하니까 잘 되네용!
  17. Oing Song
    좋은 강의 감사합니다.^^
  18. 김낙형
    감사합니다.
  19. 황성준
    잘봤습니다.
  20. 김성훈
    아직은 어색하지만

    반복작업으로 인한 시간단축을 위해

    반드시 개발도구는 익혀야 하겠네요.
  21. 박성철
    인스톨이 잘안되네요...
    나중에 복습할때 다시 해봐야 겠네요..
  22. 소팔메토
    기존에 sublime text 쓰다가 atom을 추천하시길래 한번 써봤는데 자꾸 update.exe가 리소스 점유하면서 컴퓨터가 못쓰게 되더라구요. AVAST를 써서 그런지.. 저랑 비슷한 증상 있으신분 있나요?
  23. 김익수
    수업 잘 들었습니다!
  24. 졸린 사슴
    저는 codeanwhere 쓰고 있는데 글자 색깔 바뀌는 게 부럽내요 ㅠㅠ
    탭 키는 두 말할 것도 없구요
  25. 오성민
    편리한기능이 많아서 재미있네요
    감사합니다.
  26. JUNY
    감사히 잘 봤습니다!
  27. 공지만
    더 많은 분들이 볼 수 있게끔 올려드립니다.
    대화보기
    • Jae Hyoung Park
      예전에 아톰설치하고 사용법을 몰라서 헤맸는데 잘 정리해주셔서 감사합니다 덕분에 잘쓰게 되었습니다.
    • Jae Hyoung Park
      아마 엔터치셔서 그럴꺼 같네요 li*3>a 치고 탭키 눌르셔야 합니다 엔터 누르면 저렇게 나오더라구요
      대화보기
      • 김재훈
        퍼갑니다^^
        대화보기
        • 코라
          저는 li*3>a 했더니....
          li*3><a href="#"></a>
          이렇게 나와요...
          왜이럴까요?
        • 이놈의 아톰
          3~4번 지우고 까니까 아이콘 생겼네요.. 다들 이런 일 없으시길..
          대화보기
          • 이놈의 아톰
            어떻게.. 해결 하셨나요ㅠ 저는 아무리 찾아봐도 모르겠네요.. 구글 뒤져보고 다시 깔아도 봤는데.. 못찾겠네요..
            대화보기
            • 오...최근에 아톰 이야기를 듣긴했는데 괜찮네요. 특히 li*3>a 할땐 소름....
            • 강호준
              신기하긴 한데 배우는게 많다보니 복습도 날 잡아서 한번 해야겠네요!
            • Kangpyo Lee
              개발자분들이 editplus를 많이 쓰길래 그게 진리라고 생각했는데, 임팩트가 다르네요
            • 아주미
              재미있네요~
            • 맥가이버
              속독중..끝까지 한 번 훑어보는게 목표입니다.
            • 명진
              저도 궁금했는데....
              대화보기
              • 안근우
                역시 아톰이 굿굿입니당!
                재밌었습니당!!
              • 오들오들 오드리
                정말 신기한 세계였어요~ 좋은 강의 감사합니다
              • 최상호
                역시 아톰이지요~~
              • 여류몰스퀘어
                신기합니다.^^
              • ATOM실행
                ATOM 실행을 어떻게 하는 건지를 모르겠어요ㅜ 아무리 뒤져봐도 더블클릭하면 바로 실행될만한 아이콘이 없어요. 매번 실행할 때마다 설치해야하는 건 아닐테고... 다들 어떻게 하셨나요?ㅜㅜ
              • eyoung
                html 이라고 쳐야 하네요.
                ㅜㅜ <html>이라고 입력하니, tab해도 뒤에 자동입력이 안되네요.

                저장은 file-save 하고, 폴더로 들어가서 emmet.html을 실행하면 되네요. 링크를 오픈튜토리얼로 고친것 까지 잘 실행되네요. ^^
              • dudwo0
                이건 뭐 완전 신세계입니다!
              • aosodo
                감사합니다.
              • 권광범
                좋은 도구를 알려주셔서 감사합니다~
                신세계네요~~ㅋㅋ
              • 권경은
                처음에 emmet설치후에 실습해보려 할 때 파일명에 html을 붙이지 않아서 해맸었네요 ^^; 이런 작은 실수들 속에서 하나하나 배워나갑니다. 귀한 강의 감사드립니다!
              • 여차타파
                처음엔 안그랬는데 점점 처음들어갈때 먹통이 되었다가 시간이 쫌 지나야지 되네요. 왜그런걸까요??
              버전 관리
              egoing
              현재 버전
              선택 버전
              graphittie 자세히 보기