11.Nas_1




홈페이지 만들 때 도움이 되는 무료 텍스트 에디터 추천 (코딩, 프로그래밍, 웹개발)

♨ 카랜더 일정 :
  • 링크

  • 첨부

  • 컨텐츠 정보

    본문

    홈페이지 만들 때 도움이 되는 무료 텍스트 에디터 추천 (코딩, 프로그래밍, 웹개발) by 스마일보이랩2019년 5월 12일07387

    blog.smileboylab.com 의 정보 입니다 

    홈페이지를 만들 때 기본적으로 웹문서를 편집할 일이 생기게 됩니다. 웹문서는 주로 HTML, CSS, JAVASCRIPT 로 구성이 되는데, 이 문서는 윈도우에 내장되어 있는 메모장, 노트패드 같은 텍스트 편집기로도 편집이 가능합니다. 하지만 별도의 에디터를 사용하게 되면 훨씬 쉽고, 빠르게 웹문서 제작 및 수정이 가능합니다.

    이러한 편집기는 IDE, HTML 편집기, 코드 편집기, 텍스트 편집기 등 다양한 이름으로 불리는데, 지원하는 기능의 차이가 있을 뿐 대부분 비슷합니다.​

    IDE 는 통합개발환경으로 규모가 큰 웹어플리케이션을 개발할 때 사용을 하는데, 간단한 웹문서 편집에 사용하기에는 다소 무겁고 느려서 추천을 하지 않습니다.​

    저같은 경우는 간단한 홈페이지, 쇼핑몰 유지보수 작업을 많이하기 때문에, 편집기를 선택할 때 가장 중점에 두는 점이 빠른 로딩 속도입니다. 그 다음에는 다양한 부가 기능 지원 여부와 편의성입니다. 자동 완성, 코드 린팅, 오류검사 등 편집기가 제공해주는 여러 기능을 활용하면 작업 시간도 줄어들고 코딩도 좀더 즐겁게 할수 있습니다.

    제가 주로 사용하는 편집기는 다음과 같습니다.

    서브라임 텍스트 3

    제가 가장 많이 사용하는 편집기입니다. 대부분의 언어를 지원하고 있으며, 다양한 기능의 패키지를 설치해서 사용가능합니다. 로딩 속도가 다른 편집기에 비해 빠른편인데, 문서를 열면 거의 실행 지연 시간이 없이 빠르게 문서가 열립니다. 색상도 깔끔해서 편하게 코딩 작업을 할수가 있습니다.

    홈페이지 만들기 무료 텍스트 편집기 추천 코딩 프로그래 웹개발 1홈페이지 만들기 무료 텍스트 편집기 추천 코딩 프로그래 웹개발 1

    https://www.sublimetext.com/

     

    아톰

    최근에 가장 각광받고 있고, 사용자가 빠르게 늘어나고 있는 무료 편집기입니다. GIT 에서 만들어서 배포하고 있고, JAVASCRIPT 로 만들어져서 앞으로 더욱 빠르게 발전될 것으로 기대를 모으고 있는 편집기입니다. 요즘 나오는 IT 신간 도서를 보면 대부분 아톰 편집기를 추천하고 있습니다. 저도 사용을 해보니 프로젝트 관리도 편하고, 브라우저와의 연동도 잘되어서 사용 빈도가 늘어나고 있습니다. 서브라임 텍스트 3가 좀더 익숙하고, 로딩속도가 빠른 편이라 아직까지는 아톰보다 많이 사용하는 편인데, 향후 어떻게 될지는 잘 모르겠습니다.

    홈페이지 만들기 무료 텍스트 편집기 추천 코딩 프로그래 웹개발 2홈페이지 만들기 무료 텍스트 편집기 추천 코딩 프로그래 웹개발 2

    https://atom.io/

     

    브라켓

    어도비에서 만들어서 배포하고 있는 편집기입니다. 다른 편집기들이 대부분의 프로그래밍 언어를 지원하는 반면, 이 브라켓은 웹문서편집기 (HTML 편집기) 라고 말할수 있습니다. 주로 HTML, CSS, JAVASCRIPT 를 수정하는데 사용가능합니다. 어도비에서 만든 만큼 UI 가 깔끔하고 전문가용 같은 느낌이 듭니다. 로딩속도는 아톰과 비슷한 편입니다. 디자이너 분들중 퍼블리싱 코딩 작업까지 하시는 분들이 선호하시는 것 같습니다.

    홈페이지 만들기 무료 텍스트 편집기 추천 코딩 프로그래 웹개발 3홈페이지 만들기 무료 텍스트 편집기 추천 코딩 프로그래 웹개발 3

    http://brackets.io/

     

    비쥬얼 스튜디오 코드

    마이크로소프트에서 만들어서 배포하고 있는 편집기입니다. 마이크로소프트사에서 만들면 대부분 유료에다 망하는 경우가 많은데, 비쥬얼 스튜디오 코드는 의외로 무료에다 사용자가 많습니다. 다양한 언어를 지원하고, 마이크로소프트에서 만든 만큼 .NET과 Unity 에 대한 확장 기능이 풍부합니다.

    홈페이지 만들기 무료 텍스트 편집기 추천 코딩 프로그래 웹개발 4홈페이지 만들기 무료 텍스트 편집기 추천 코딩 프로그래 웹개발 4

    https://code.visualstudio.com/

    그외 무료 편집기

    이 외에 리눅스에서는 VI (VIM) 을 주로 사용하는데, 다소 VI 를 사용하기 어려워 하시는 분들은 NANO, EMACS 등을 사용하실 수 있습니다.

    IDE 중에서는 이클립스, 넷빈즈 등을 무료로 사용할 수 있는데, 단순 홈페이지 개발이 아닌 규모가 큰 어플리케이션이나 프로그래밍이 필요할 때 사용하면 도움이 됩니다.

    무료 소스 코드 편집기만 사용해도 충분하지만 좀더 많은 기능이 필요하면 유료 편집기를 사용할 수도 있습니다. 유명한 것들이 젯브레인사 (JetBrains) 의 웹스톰, 인텔리제이, 파이참, PHP스톰 등이 있고, 예전에 많이 사용되었던 에디트플러스, 울트라에디트, 노트패드++ 도 있습니다. 맥용으로는 코다(Coda) 가 유명합니다. 이 제품들에 대해서는 다시 다른 글에서 설명을 드릴 수 있도록 하겠습니다.

    ■ 


    ▶ ☞ 정보찾아 공유 드리며 출처는 링크 참조 바랍니다 ♠ . ☞ 본자료는 https://11q.kr 에 등록 된 자료 입니다♠.

    [ 추가 정보 ... 더보기) ]
    뷰PDF 1,2



    office view

    관련자료

    댓글목록

    등록된 댓글이 없습니다.




    • 일간 조회수
        • 게시물이 없습니다.
    • 주간 조회수
        • 게시물이 없습니다.
    • 월간 조회수
        • 게시물이 없습니다.


    Total 1,746 / 9 Page
    [ ● 쉴드TV 업데이트 SE9.0에서 알려지고 보고된 문제와 Nvidia 8로 다운그레이드 방법 ] 댓글 1

    ● 쉴드TV 업데이트 SE9.0에서 알려지고 보고된 문제와 Nvidia 8로 다운그레이드 방법<쉴드TV 포럼에 올라온 원문구글번역 내용입…

    [ ● 시놀로지 dsm 7.0 putty 명령어 systemctl로 저의 시스템 동작상태 및 ??? 명령어를 … ] 댓글 2

    ● 시놀로지 dsm 7.0 putty 명령어systemctl로 저의 시스템 동작상태 및 ??? 명령어를 실행 확인 으로 실행 중지 재시작 명령 …

    [ ● 나의 synoinfo.conf 설정 값 확인하여 설정값 변경 작업 준비 ] 댓글 5

    ● 나의 synoinfo.conf 설정 값 확인하여 설정값 변경 작업 준비현재 변경 없이 나의 구성어렵네요변경내용 grub.cfg 변경만으로 무…

    [ ● 12/15 redpill 빌드 작업 log 파일 생성 날자 시간 저장 하기 및 ??_redpill_bui… ] 댓글 20

    ●redpill 빌드 작업 log 파일 생성 날자 시간 저장 하기및 ??redpill_build_2021-12-15T??.log 작업 내용 저장…

    [ ● 시놀로지 HDD 저장소 관리자에 시스템 파티션 실패함 (정상) 일때 복구 방법 ]

    ● 시놀로지 HDD 저장소 관리자에 시스템 파티션 실패함 (정상) 일때 복구 방법▶ 문제증상 및 복구 > 개요에 복구 메뉴 있음추정 문제원…

    [ ● vCenter 없이 ESXi 6.7을 7.0으로 업그레이드하는 방법 ]

    ESXi 7.0에서 지원되지 않는 공급업체 하드웨어 VIB가 호스트에 설치되어 있을 수 있으므로 이러한 VIB가 업그레이드 프로세스를 차단할 수…

    [ ● 정보) esxi에 vib파일로 된 드라이버 설치방법. ]

    ●esxi에 vib파일로 된 드라이버 설치방법.파일이름이 driver.vib 라고 할 경우..1. web에서ESXi 접속2. 유지보수 모드로 변…

    [ ● 1번째)Proxmox ( PVE)에서 xpenology redpill dsm7.0 설치 테스트2 ] 댓글 2

    ●Proxmox ( PVE)에서 xpenology redpill dsm7.0 설치 테스트2기본 설치 방법다운로드https://www.proxmo…

    [ 실패● Proxmox ( PVE)에서 xpenology redpill dsm7.0 설치 테스트 ]

    ● Proxmox PVE 에서 xpenology redpill dsm7.0 설치 테스트 기본 VM 구성 xpenology 설치하기자신만을 설정 …

    [ ★★★ Proxmox 정보 및 PVE 다운로드 하여 설치 테스트 준비 성공 ] 댓글 1

    ●Proxmox 정보 및PVE다운로드 하여 설치 테스트 준비 성공우리는 귀하의 서버 관리를 단순화하기 위해 강력하고 효율적인 오픈 소스 소프트웨…

    [ ● 정보 [20211205 업데이트] DSM7.0.1 온라인 컴파일(도움 없이 컴파일 3분), eSATA 마… ] 댓글 2

    ● 정보[20211205 업데이트] DSM7.0.1 온라인 컴파일(도움 없이 컴파일 3분), eSATA 마운트, 셧다운 및 기타 드라이버 추가,…

    [ ● pve 환경 직렬 포트 자습서의 Synology ]

    ●pve 환경 직렬 포트 자습서의 Synology [KVM]ProxMox 설명이네요 시놀로지는 시작할 때마다 어둡고 움직이지 않고 리눅스 시작 …

    [ ● 정보)Synology 7.0 시스템의 Synology Photos는 얼굴 인식 패치를 지원합니다 ]

    ● 정보)Synology 7.0 시스템의 Synology Photos는 얼굴 인식 패치를 지원합니다 Synology 7.0 시스템 지원에서 Sy…

    [ ● redpill boot loader dsm7.0 mac address 설정시 mac을 2개 설정시 인식못… ]

    ● redpill boot loader dsm7.0 mac address 설정시 mac을 2개 설정시 인식못하고 1개로 설정시 접속 상태 확인-…

    [ ● plex 영상 원본품질 재생으로 로컬에서 영상을 원본으로 시청하기 ] 댓글 1

    ●plex 영상 원본품질 재생으로로컬에서 영상을 원본으로 시청하기설치 : pc 및 시놀로지nas 설치시청 : plex web에서 실행 확인후 주…


    ♥간단_메모글♥


    최근글


    새댓글



    PHP 안에 HTML ☞ 홈페이지 화면갱신 시간은 ♨
    ▶ 2024-04-19 14:28:08

    오늘의 홈 현황


    • 현재 접속자♨ 182 명
    • 오늘 가입자※ 1 명
    • 어제 가입자※ 7 명
    • 주간 가입자※ 16 명
    • 오늘 방문자 1,685 명
    • 어제 방문자 2,103 명
    • 최대 방문자 13,042 명
    • 전체 방문자 4,278,343 명
    • 전체 게시물※ 8,520 개
    • 전체 댓글수※ 24,482 개
    • 전체 회원수 10,911 명

    QR코드


    ☞ 사진기로 촬영하시면 방문링크 됩니다

    알림 0








    최신글↑