웹 애플리케이션 만들기

개발도구

 도구의 필요성

 아톰설치

아톰 바로가기 : 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. Seo Yun Seok Tudoistube
    아톰 정말 강력한거 같습니다. 이런 에디터를 만드는 수업 있으면 좋겠습니다^_____^
  2. 송재욱
    완주 완료 !! emmet 강의도 꼭 있으면 좋겠어요 !!!
  3. Sangwook Kim
    정말 최고의 강의입니다!!! 감사합니다.!!!
  4. 이상엽
    좋아요!
  5. 감사합니다
  6. 망고
    5.13 감사합니다.
  7. 김민근
    5.12
    감사합니다.
  8. ㅈㅇㅈ
    오옷 tab으로 안되고 ctrl+e로만 됐었는데 해결 됐네요 감사합니다ㅜㅜ!!!!!
    대화보기
    • 우탄
      alt키 누르시고 아무곳이나 클릭하면 나옵니다~
      view에 toggle menu bar 다시 클릭해주세요
      대화보기
      • 지미
        2017/04/29 완료! 감사해요
      • 배우는중
        Press Alt + v and select Toggle menu bar option.
        대화보기
        • 우탄
          답변 해주셔서 정말 감사합니다!
          그래도 api-ms-win-core-heap-l2-1-0.dll
          이녀석이 없어서 설치도중 오류가 생기네요ㅠㅠ
          대화보기
          • Jeongyun Park
            https://social.msdn.microsoft.com......lls

            제가 컴맹이라...ㅎㅎ 구글링으로 한 번 찾아봤는데 도움이 될 지는 모르겠네요.
            위에 링크는 마이크로소프트의 개발자 네트워크에 올라온 비슷한 질문에 대한 답변입니다.
            읽어보니 문제를 해결할 수 있는 답변은 아닌 것 같더라구요.
            그래도 마이크로소프트사에서 배포한 파일이 아닌 걸 받아서 다운로드하면 좋지 않다고 하는 내용이 있길래 참고하시라고 첨부합니다.
            또 답변을 보시면 windows sdk에 첨부된 api만 사용하라는 내용이 있는데.. 개발 도구의 종류인 것 같은데 컴맹인 제가 봐서는 모르겠네요. 위키피디아에서 찾아보니 .net framework를 실행하는데 필요한 툴이라고 하니 혹시 필요하실까봐 다운로드 가능한 링크 첨부합니다.

            https://developer.microsoft.com......sdk

            말씀드렸다시피 제가 컴맹이라는 점... 유념해주세요...ㅎㅎ
            다만 위쪽에 제가 건 답변을 보면 저런 파일이 없다면 윈도우가 부트 자체를 못할거라고 하고, 또 마이크로소프트 사에서 배포하지 않은 파일을 개별적으로 다운 받는 것은 약관에 위배되는 사항이라고 하니 그 점만 참고하시면 될 것 같습니다.
            대화보기
            • 우탄
              답변 감사합니다ㅠㅠ
              그런데 닷넷프레임워크 설치도중
              Dll파일이 없어서 진행이 되지 않습니다..
              구글링으로 하나씩 dll파일을 받는도중
              아무리 찾아도 나오지 않는 dll파일덕에
              포기한 상태입니다..
              대화보기
              • MGDGJ
                질문이 있습니다ㅠㅠ
                제가 실수로 뭔가를 잘못 눌러서 file, edit 등이 있는 상단바를 지워버렸는데요ㅠㅠ 이거 어떻게 복구시키는지 아시는 분 계신가요!!! 인터넷을 찾아보고 atom 내에서 이것저것 클릭해봐도 상단바가 다시 나오지 않아서 수업을 못 따라가고 있습니다ㅠㅠ 급해서 두 군데에 글 올립니다 죄송합니다.
              • Jeongyun Park
                .NET Framework 4.5를 검색하시면 MS 홈페이지에서 다운로드 받으실 수 있습니다.
                닷넷프레임워크 4.5 설치가 끝나시면 Atom 파일 설치를 진행하시면 됩니다.
                대화보기
                • master
                  혹시 파일 속성이 Plain text로 되어있지 않나요?
                  에디터 하단에 파일 속성을 html로 바꿨는지도 확인해보세요 :)
                  대화보기
                  • 오희남
                    html누르고 탭을 눌렀는데 자동으로 완성이안되요. (emmet) 깔았어요.

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

                    탭으로 못바꾸나요?
                  • 공삼이육
                    우와 조금 사용해본 거지만 너무 편하고 좋네요 메모장과 차이가 엄청나요 ㅋㅋㅋ
                  • 백준기
                    와 진짜 글 처음다는데 이래서 메모장을 썻구나 하는 느낌입니다. 우오오 앞으로 더 열심히 할 수 있는 느낌이 마구마구 듭니다!!
                  • 이진석
                    고구마먹다가 사이다 먹은거처럼 뻥뚫리네요ㅋㅋㅋ
                  • 우탄
                    알고보니 .NET Framework 4.5 설치가 정상적으로 되지 않는 오류였습니다..
                    구글링도 해보고 다 해봤는데 해결 방법을 모르겠네요ㅠㅠ
                  • 감탄하면서 사용했네요. 좋은 정보 감사합니다.
                  • 우탄
                    아톰 설치시에 수많은 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탭 눌러보세요
                          대화보기
                          버전 관리
                          egoing
                          현재 버전
                          선택 버전
                          graphittie 자세히 보기