한란
128
2020-03-09 23:25:35 작성 2020-03-09 23:38:55 수정됨
21
4313

모던 자바스크립트 튜토리얼


HI! OKKY!


안녕하세요.

오픈소스 프로젝트 The Modern JavaScript Tutorial의 한국어 번역에 참여하고 있는 개발자입니다.

The Modern JavaScript Tutorial은 OKKY에서도 몇 번 추천글이 올라왔던 튜토리얼로, 모던 자바스크립트를 집대성한 내용을 담고있습니다.

많은 기여자분 덕분에 한국어 버전이 런칭되어서, 소개해드리러 왔습니다.

영어사이트는 https://javascript.info/ 이고, 한국어 사이트는 https://ko.javascript.info/ 입니다.

개념은 책을 통해서 배워서 알겠는데, 실제로 코드에 적용하려면 어려웠을 때 많은 도움을 받았던 튜토리얼입니다.

글에 있는 예시를 비롯하여 하단의 문제를 보셔야 실제 개발이 도움이 많이 되니 참고해주세요.

스펙 변경에 따른 원문 변경으로 아직 번역이 미완료된 부분이 있고, PART 2, 3는 번역 중에 있지만, 호스트 환경에 관계없이 적용할 수 있는 '코어 자바스크립트'는 95%이상 번역이 완료되었으니 많은 호응 부탁드립니다.

감사합니다 :)


34
12
  • 댓글 21

  • 앙앙이
    4k
    2020-03-10 06:40:59 작성 2020-03-10 06:47:02 수정됨

    "Visual Studio Code" 가 IDE 인가요.

    IDE 라고 말하시는 분들이 있어 IDE 라고 알고 있었지만

    막상 설치해서 해 보니 에디터 잖아요.


    자바스크립트 개발 환경의 격을 높이려고 의도적으로 그러는 모습 별로 안 좋습니다.

    에디터를 억지로 IDE 라고 소개를 하고자 하니 "아직 어떤 IDE를 사용할지 결정하지 못했다면, 아래 두 에디터를 고려해 보시길 바랍니다." 이런 억지 문구가 생기는 거죠.


    emacs 를 ide 라고 말하지 않듯이 "Visual Studio Code" 역시 에디터라고 말해야 하지 않을까해요.


    자바스크립트 개발환경이 에디터라고 해도 공부해야 할 당위성 없어지지 않습니다.


    IDE 라고 말하면 필요한 부가 기능 설치에 대해서 알아 볼 생각 없다는거 아셨으면 해요.

    에디터라고 말해야 부가 기능을 찾는다구요.


    ========== 부분 인용

    참고 주소 : https://ko.javascript.info/code-editors


    아직 어떤 IDE를 사용할지 결정하지 못했다면, 아래 두 에디터를 고려해 보시길 바랍니다.

    -14
  • Mambo
    5k
    2020-03-10 07:21:50

    저 문구 어디를 봐도 자바스크립트 개발 환경의 격을 높이려고 의도적으로 그러는 모습이 안보입니다.

    그저 맥락상 이상한 부분을 까기 위한 댓글인 것 같습니다.


    https://javascript.info/code-editors


    원문 저장소에 이슈로 남기시기 바랍니다.


  • 앙앙이
    4k
    2020-03-10 08:09:58

    "Visual Studio Code" 에서 부가 기능 설치하면 명실공히 통합 개발 환경이 구축됩니다.

    하지만 에디터는 에디터입니다.


    IDE 소개란에 "Visual Studio Code" 넣은것 스팩 한줄 채우기로 느끼지는거 저만 그런가요.

    -1
  • 라이라
    2k
    2020-03-10 09:07:23

    vs code 정도면 ide 죠

  • 서노
    188
    2020-03-10 09:42:45 작성 2020-03-10 09:43:33 수정됨

    와아... 정리 잘 되었네요.

    영어는 힘들어요.... 고생하셨습니다.

  • 마사키군
    1k
    2020-03-10 09:57:04

    와... 저번에는 한 30% 정도? 만 번역되어 있어서 건너 뛰었는데, 이제는 교재로 써도 될 정도까지 발전했군요!

    정말 고생하셨습니다.

  • 마사키군
    1k
    2020-03-10 09:58:15

    원문 번역문 어디에도 VS Code가 IDE라는 내용은 없는데요. 그냥 어떤 IDE를 쓸지 결정하지 못했다면 VS Code를 권장한다 라는 내용입니다.

    이 부분은 원문도 그 내용이 동일합니다.

    """

    If you haven’t selected an IDE yet, consider the following options:

    """

    사람에 따라서 VS Code를 IDE라고 부르는 것에 거부감이 있고, 이 부분에서 VS Code가 IDE라고 오독할 수 다는 점에 대해서 거부감이 있을수도 있다고 생각합니다만, 그렇게 생각하신다면 원문을 먼저 살펴보시고 원문이 동일하다면 원문 저장소 쪽으로 리퀘스트를 보내는 것이 옳은것 같습니다.

  • 삼이
    1k
    2020-03-10 13:32:22

    감사합니다

  • 한란
    128
    2020-03-10 17:00:04 작성 2020-03-10 17:06:34 수정됨

    @앙앙이

    안녕하세요. 의견 감사합니다.

    한국어 저장소도 다른 여타 프로젝트들과 마찬가지로 논리상 이상한 점이 있으면 원 저장소에 이슈를 남기거나 PR을 보내는것을 권장 드리고있습니다.


    댓글로 달아주신 의견은 논의해볼 만한 사항인 것 같아요. 다양한 개발자들의 생각을 듣는 걸 좋아하시는 분이시니까 이슈로 만들어보시는 것은 어떨까요?


    PS. 원저자분은 IDE와 경량에디터를 함께 묶어서 코드 에디터로 표현하고 있으시다는 점도 고려해주세요.

    PSS. 댓글은 거의확인을 안하세요. 이슈를 만들어주셔야 많은 분들과 논의가 가능합니다.

  • soyeomul
    208
    2020-03-10 22:02:35

    그저 고맙고 감사드립니다^^^


    [우분투 18.04 파여폭스 나비에서 작성했어요]

  • kenu
    50k
    2020-03-10 23:55:46

    디버그 모드 되면 저는 ide(통합 개발 환경) 도구라고 생각합니다.


  • 마구마구
    1k
    2020-03-12 00:27:26

    VSC는

    일단 이뻐요.

    아주 시각적으로 이뻐 모든게. 그리고 VSC 정도면 IDE입니다. 그냥 그 안에서 다 되는데 그게 IDE에요. 에디터를 초월했단 말입니다. 그냥 단축키 몇 개 써가며 편하게 썼던 에디터가 아니라 MS에서 IDE란 무엇인가 어떻게 하면 더 근본적으로 개방적으로 확장적으로 쓸 수 있을까 해서 나온게 VSC입니다.

    당연히 돈주고 사서 쓰는 VS가 더 좋겠지만,

    VSC는 수 많은 모듈들이 그 단점들을 커버함으로서도 IDE에요. 안해도 IDE이고. 

    혹시 IDE의 정의에 대해서 다르게 생각하시는 분 댓글 좀.

  • 리얼
    27
    2020-03-13 10:06:38

    VSC는 확장기능 활용만 제대로 하면 충분히 훌륭한 IDE 입니다. 그리고 요새 웹개발툴 중 트렌드입니다.

    유튜브에서 웹 개발 관련 튜토리얼 검색해보면 거의 90% 이상이 VSC로 진행합니다. (언어 불문하고요)

  • 세브라이드
    1k
    2020-03-13 14:48:37 작성 2020-03-13 14:56:16 수정됨
    통합 개발 환경(Integrated Development Environment, IDE)이란 공통된 개발자 툴을 하나의 그래픽 사용자 인터페이스(Graphical User Interface, GUI)로 결합하는 애플리케이션을 구축하기 위한 소프트웨어입니다.
    https://www.redhat.com/ko/topics/middleware/what-is-ide

    해당 정의에 따르면 VSCode는 lightweight-scalable-IDE 라고 할 수 있겠죠.

    다만 VS Code 측의 표현은 'IDE를 목표로 하는 코드 편집기'라는 말에 더 가까워 보입니다.

    Visual Studio Code is a streamlined code editor with support for development operations like debugging, task running, and version control. It aims to provide just the tools a developer needs for a quick code-build-debug cycle and leaves more complex workflows to fuller featured IDEs, such as Visual Studio IDE.


    뭐 그러니까 둘 다 관점의 차이일 뿐 아닐까요.
  • 부르부르
    2k
    2020-03-13 15:31:18

    감사합니다 ㅎㅎ

    고생하셨습니다^^

  • Yarmini
    5
    2020-03-13 16:23:50

    가독성이 정말 좋네요!

  • 로직X
    535
    2020-03-13 17:26:30 작성 2020-03-13 17:31:20 수정됨

    Ide 든 에디터이든 이글의 의도와 뭔상관이 있는지 ;;;

    암튼~~ 잘보고 추천하고갑니다

  • 한란
    128
    2020-03-14 07:49:43

    힘이 되는 댓글 달아주신 모든 분께 감사드립니다 :)

    @Yarmini 가독성이 좋다는 댓글 정말 감사드립니다. 많이 신경 쓴 부분이라서 더 와닿는 것 같습니다.


    COVID-19로 많은 어려움이 있으실텐데, 다들 건강 먼저 챙기셨으면 좋겠습니다.

    다시한번 감사드립니다.

  • qt
    8
    2020-03-15 01:44:58

    감사합니다. 

  • cat11
    418
    2020-03-15 09:49:12
    감사합니다 정말 대단한 일을 하고 계시는군요
    존경합니다
  • mrforever
    14
    2020-03-16 21:35:17
    최근, 자바스크립트의 매력이 빠진 개발자입니다.
    멋진 자료 공유 감사해요 :) 
  • 로그인을 하시면 댓글 을 등록할 수 있습니다.