웹 애플리케이션 만들기

개발도구

 도구의 필요성

 아톰설치

아톰 바로가기 : 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. 미싱프로그램
    대박입니다..^^
  2. asd
    저는 지웠다가 다시 설치하니 문제없이 되네요.
    대화보기
    • dnwldbs84
      엔터키를 치신 거 같은데, 탭키를 누르시면 됩니다.
      대화보기
      • 글로리아
        emmet
        atom
      • 지효니
        안녕하세요 이거 보고 배우는 학생인데여..
        아톰에서 하라는 대로 li*3>a 이걸 눌렀는데

        li*3><a href="#"></a>

        이렇게만 되고 멀티플라이가 안되네요... 멀티플라이 치트키는 어떻게 설정하나요? ㅠㅠ 제발 알려주세요...
      • Funny
        2017/02/17
      • Joie
        @최두식님
        <html>쓰고 탭하지 마시구요
        html만 쓰고 탭하시면 됩니다!
        대화보기
        • 서형우
          만든 웹을 다른 컴퓨터에서 여는 방법이 없는가요?ㅠ
        • InSoo
          170208
          감사합니다.
        • 최두식
          html쓰고 탭 눌렀는데 그냥 간격이 벌어지는데 ㅜㅜ
        • 강경호
          에디터 아주 편하네요
          감사합니다
          170205
          여기서 emmet과 아톰 설치해야함
        • 심재엽
          오 에디터 너무 좋습니다. ㄳ요
        • 첨지
          20170128 완료!
        • 르르
          <h1 탭 말고 h1탭 눌러보세요
          대화보기
          • 창쓰
            탭을 누르면 "<>" 이것이 하나씩 더 생기는데 왜 그럴까요?

            ex) <<h1><<a href="http://locallhost/emmit.html">랜딩페이지 포토폴리오</a>></h1>>
            이렇게 앞뒤로 괄호가 하나씩 더생기면서..
          • <a href="">
            감사합니다. 처음에 완전 막막했는데 이제 어느 정도는 알 것 같네요.... ㄳㄳㄳㄳ
          • 이고잉빠
            저도 그거 찾느라 고생했는데
            키보드 Alt키누르면 생기고,없어지고 합니다^^
            대화보기
            • 아톰에서요 file/edit/view/seletion/find/.... 위 표시줄이 없어졌는데 다시 생기게하는 방법아시나요?
            • 넘나 감사한것!!!!
            • lalala
              감사합니당
            • openview
              ! 치시고 tab
            • openview
              그냥 첫화면 에 Tab하면 자동으로 세팅 ㄷㄷ
            • 하루에 한 강의 라도 열심히 20170116 완료.
            • 임정훈
              잘 봤습니다!
            • YoungWoong Ha
              ctrl+e 밖에 안되나요? tab은 안먹히는데 바뀐건지
            • 몽몽구리
              신세계 입니다. 좋은 강의 정말 감사드립니다. 화이팅입니다.
            • Donghee Lee
              2017-01-12 완료
            • 울랄라부라더스
              잘 들었습니다.
            • 힘차게해보자
              윈도우 10이며 atom 설치 후
              emmet 검색하면 못찾는데 어떻게 해야하나요 ?

              Searching for “emmet” failed.Hide output…
              ����: ������ ���Ͽ� �ش��Ǵ� ������ ã�� ���߽��ϴ�.

              ������ ������ ã�� �� �����ϴ�.

              read ECONNRESET

              이렇게 나오네요.
            • macbookrgh55
              2017-01-03
              12:30 pm 큰일입니다...저 에디터만 쓸것같아요....
            • 쌘진
              2016-12-30 완료

              강의 감사합니다
            • 161228 19:04 완료
            • 안녕하세요 아톰을 설치하려는데 xP버전이라서 안깔리네요 윈7이상에서 만 깔리나요
              어떻게 해야 하나요
            • areswon1
              161223 완료
            • 완료했습니다. 좋은 팁 감사합니다^^
            • Yonjung Ji
              완료.. 편하게 하고있습니다..
            • 완료
            • Rocher
              자바용어 치고 탭 눌러보니까 되네요
              main 치고 탭 누르면

              public static void main(String[] args) {

              }
              이라고 자동으로 떠요. 대신에 파일 생성할때 파일명.java 로 하셔야 되는것같습니다
              파일명.html 이라고했을때랑 .java로 했을때랑 생성되는 명령어가 다르네요 ㅎㅎ
              대화보기
              • 손톱에낀오렌지껍질향
                ATOM으로 JAVA 소스코드 입력은 못하나요? 되게 편리해 보여서요
              • 에헤라디야
                161213
              • 161213
              • Yonjung Ji
                완료!
              • harris
                2016.12.1 09.43 완료
              • gomdori626@gmail.com
              • 안녕하세여 아톰을 깔고 나서 웹페이지를 실행 할때

                local host 에서 연결을 거부 했습니다 라고 크롬에서 뜨는데 문제가 뭔지 ....
              • 김택경
                공부시작
              • 16..11.24 완료! 감사합니다~
              • 박정한
                완료
              • 당당비
                에디터 신세계이네요 ㅋㅋ 오오......
                인터페이스도 맘에드네여 ㅎ
              • Chang Joon Rick Kim
                11.09 완료
              버전 관리
              egoing
              현재 버전
              선택 버전
              graphittie 자세히 보기