웹 애플리케이션 만들기

개발도구

 도구의 필요성

 아톰설치

아톰 바로가기 : 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. master
    혹시 파일 속성이 Plain text로 되어있지 않나요?
    에디터 하단에 파일 속성을 html로 바꿨는지도 확인해보세요 :)
    대화보기
    • 오희남
      html누르고 탭을 눌렀는데 자동으로 완성이안되요. (emmet) 깔았어요.

      왜 컨트롤 + e 눌러야되는거에요?

      탭으로 못바꾸나요?
    • 공삼이육
      우와 조금 사용해본 거지만 너무 편하고 좋네요 메모장과 차이가 엄청나요 ㅋㅋㅋ
    • 백준기
      와 진짜 글 처음다는데 이래서 메모장을 썻구나 하는 느낌입니다. 우오오 앞으로 더 열심히 할 수 있는 느낌이 마구마구 듭니다!!
    • 이진석
      고구마먹다가 사이다 먹은거처럼 뻥뚫리네요ㅋㅋㅋ
    • 우탄
      알고보니 .NET Framework 4.5 설치가 정상적으로 되지 않는 오류였습니다..
      구글링도 해보고 다 해봤는데 해결 방법을 모르겠네요ㅠㅠ
    • Jason
      감탄하면서 사용했네요. 좋은 정보 감사합니다.
    • 우탄
      아톰 설치시에 수많은 dll 파일 없음 오류가 나옵니다.
      그래서 일일이 다운받아서 system32에 넣던중에,
      api-ms-win-core-heap-l2-1-0.dll를 찾을 수 없어서 막혔습니다..
      어떻게 해결 할까요
    • 임진웅
      3.21 다시보고있어요~!
    • Eliott
      아톰 보고 에디터가 너무 신기하여 푹 빠져있던 중에 마지막에 에디터에 빠지지 말라는 선생님의 말씀이 들리네요.
      순간 도둑이 제발저린것마냥 놀랬습니다. ㅋㅋㅋㅋ 매번 너무 감사드립니다!
    • 김민하
      아톰에디터로 작성하면 영문은 제대로 나오는데 한글은 화면에 이상한 문자로 나오고 안나오더라고요 왜그런가요? 어떻게 하면 되나요...
    • 14번째
      3.17.
    • 고은정
      짱짱/전 그냥 이클립스 깔아서 하는데 html하는거있더라구요
      별도 툴 설치안하고 하는데

      아톰에디터의 에밋을 활용하면 진짜 편리하네요
      잘 보고갑니다
    • 꾸이포
      와... 정말.... 정말 신세게에요 아톰! 전 지금까지 드림위버랑 Editor+만 사용하고 있었는데... 와우..와우... 개발자들이 왜 새로운 개발도구가 나오면 설레하는지 이제 알겟네요. 정말재밋고 활용적이내요!
      선생님이 에디터에 빠지지 말라고 당부하시고 끝내셧는데 ㅜ 정말 빠질거 같네요. 이런 유용한 툴을 알려주셔서 감사합니다.
    • Jaeeui Kwon
      20170309
    • Sang Hyun Park
      '맥에서 웹서버 설치' 파트의 맥에선 localhost 뒤에 :8080 붙여야 한다는 부분을 대충 넘겼다가 emmet.html에 안 들어가져서 당황함. 생략하려면 80번 포트포워딩이 필요하다는 점. 나중에 알아보자!
      (맥에서) 현재 라인 중간에서 라인 끝으로 바로 가거나 새 라인을 만들고 이동하는 단축키가 있는지 확인하자!
      현재 편집한 파일을 바로 브라우저로 띄울 수 있는 단축키가 있는지 상세 강좌 페이지에서 찾아보도록 하자!
    • 다수 sellect할 때
      자신이 수정하고자 하는 코드 더블 클릭 하시고 ctrl키 누른 상태에서
      동일 코드 더블 클릭 하시면 좀 더 쉽게 수정하실 수 있습니다.

      또한, 왼쪽 목록 숨길때 ctrl + \(역슬래쉬) 쓰시면 됩니다.
    • 이승우
      20170301완료
    • 가드
      3/01 완료 좋은정보 감사합니다^^
    • 와 진짜 너무 유용하네요 감사합니다!
    • 미싱프로그램
      대박입니다..^^
    • 저는 지웠다가 다시 설치하니 문제없이 되네요.
      대화보기
      • dnwldbs84
        엔터키를 치신 거 같은데, 탭키를 누르시면 됩니다.
        대화보기
        • 글로리아
          emmet
          atom
        • 지효니
          안녕하세요 이거 보고 배우는 학생인데여..
          아톰에서 하라는 대로 li*3>a 이걸 눌렀는데

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

          이렇게만 되고 멀티플라이가 안되네요... 멀티플라이 치트키는 어떻게 설정하나요? ㅠㅠ 제발 알려주세요...
        • 2017/02/17
        • @최두식님
          <html>쓰고 탭하지 마시구요
          html만 쓰고 탭하시면 됩니다!
          대화보기
          • 서형우
            만든 웹을 다른 컴퓨터에서 여는 방법이 없는가요?ㅠ
          • 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 큰일입니다...저 에디터만 쓸것같아요....
              버전 관리
              egoing
              현재 버전
              선택 버전
              graphittie 자세히 보기