{"title":"JavaScript code","version":"5.1","locale":"ko","docname":"internals/contributing/writing-code/javascript","url":"/ko/5.1/internals/contributing/writing-code/javascript/","canonical":"https://djangodocs.dev/ko/5.1/internals/contributing/writing-code/javascript/","summary":"Django 코어의 대부분은 Python이지만 “admin” 및 “gis” 기여 앱에는 JavaScript 코드가 포함되어 있습니다. Django에 포함하기 위해 JavaScript 코드를 작성할 때 이러한 코딩 표준을 따르십시오. 코드 스타일 Link to this heading #…","html":"

JavaScript codeLink to this heading#

\n

Django 코어의 대부분은 Python이지만 “admin” 및 “gis” 기여 앱에는 JavaScript 코드가 포함되어 있습니다.

\n

Django에 포함하기 위해 JavaScript 코드를 작성할 때 이러한 코딩 표준을 따르십시오.

\n
\n

코드 스타일Link to this heading#

\n\n
\n
\n

JavaScript 패치Link to this heading#

\n

Django의 관리 시스템은 jQuery 프레임워크를 활용하여 관리 인터페이스의 기능을 향상시킵니다. 이와 함께 관리 JavaScript 성능을 강조하고 전체 관리 미디어 파일 크기를 최소화합니다.

\n
\n
\n

자바스크립트 테스트Link to this heading#

\n

Django’s JavaScript tests can be run in a browser or from the command line.\nThe tests are located in a top level js_tests directory.

\n
\n

쓰기 테스트Link to this heading#

\n

Django의 JavaScript 테스트에서는 “QUnit”을 사용합니다. 다음은 테스트 모듈의 예입니다.

\n
JavaScript
QUnit.module('magicTricks', {\n    beforeEach: function() {\n        const $ = django.jQuery;\n        $('#qunit-fixture').append('<button class="button"></button>');\n    }\n});\n\nQUnit.test('removeOnClick removes button on click', function(assert) {\n    const $ = django.jQuery;\n    removeOnClick('.button');\n    assert.equal($('.button').length, 1);\n    $('.button').click();\n    assert.equal($('.button').length, 0);\n});\n\nQUnit.test('copyOnClick adds button on click', function(assert) {\n    const $ = django.jQuery;\n    copyOnClick('.button');\n    assert.equal($('.button').length, 1);\n    $('.button').click();\n    assert.equal($('.button').length, 2);\n});\n
\n

Please consult the QUnit documentation for information on the types of\nassertions supported by QUnit.

\n
\n
\n

테스트 실행Link to this heading#

\n

JavaScript 테스트는 웹 브라우저 또는 명령줄에서 실행할 수 있습니다.

\n
\n

 브라우저에서 테스트합니다.Link to this heading#

\n

To run the tests from a web browser, open up js_tests/tests.html in your\nbrowser.

\n

테스트를 실행할 때 코드 범위를 측정하려면 HTTP를 통해 해당 파일을 확인해야 합니다. 코드 적용 범위를 보려면 다음과 같이 하십시오.

\n
    \n

  • 루트 디렉토리에서 “python -m http.server”를 실행합니다(‘js_tests’ 내부가 아님).

    • \n

  • 웹 브라우저에서 http://localhost:8000/js_tests/tests.html을 엽니다.

    • \n
\n
\n
\n

명령줄에서 테스트합니다.Link to this heading#

\n

명령줄에서 테스트를 실행하려면 “Node.js”_가 설치되어 있어야 합니다.

\n

“Node.js”를 설치한 후 Django 체크아웃의 루트에서 다음을 실행하여 JavaScript 테스트 종속성을 설치합니다.

\n

Linux / macOS

Shell
$ npm install\n
\n

Windows

Windows
...\\> npm install\n
\n

그런 다음 다음을 사용하여 테스트를 실행합니다.

\n

Linux / macOS

Shell
$ npm test\n
\n

Windows

Windows
...\\> npm test\n
\n
\n
\n
","rootId":"javascript-code","toc":[{"title":"코드 스타일","anchor":"code-style","children":[]},{"title":"JavaScript 패치","anchor":"javascript-patches","children":[]},{"title":"자바스크립트 테스트","anchor":"javascript-tests","children":[{"title":"쓰기 테스트","anchor":"writing-tests","children":[]},{"title":"테스트 실행","anchor":"running-tests","children":[{"title":" 브라우저에서 테스트합니다.","anchor":"testing-from-a-web-browser","children":[]},{"title":"명령줄에서 테스트합니다.","anchor":"testing-from-the-command-line","children":[]}]}]}],"breadcrumbs":[{"docname":"internals/index","title":"Django internals","url":"/ko/5.1/internals/"},{"docname":"internals/contributing/index","title":"장고에 기여하기","url":"/ko/5.1/internals/contributing/"},{"docname":"internals/contributing/writing-code/index","title":"Contributing code","url":"/ko/5.1/internals/contributing/writing-code/"}],"prev":{"docname":"internals/contributing/writing-code/coding-style","title":"코딩 스타일","url":"/ko/5.1/internals/contributing/writing-code/coding-style/"},"next":{"docname":"internals/contributing/committing-code","title":"코드 커밋","url":"/ko/5.1/internals/contributing/committing-code/"},"formats":{"html":"/ko/5.1/internals/contributing/writing-code/javascript/","markdown":"/ko/5.1/internals/contributing/writing-code/javascript.md","json":"/ko/5.1/internals/contributing/writing-code/javascript.json"},"source":"https://github.com/django/django/blob/stable/5.1.x/docs/internals/contributing/writing-code/javascript.txt","official":"https://docs.djangoproject.com/ko/5.1/internals/contributing/writing-code/javascript/","inVersions":["6.1","6.0","5.2","5.1","5.0","4.2","4.1","4.0","3.2","3.1","3.0","2.2","2.1","2.0","1.11"],"inLocales":["en","zh-hans","fr","ja","id","it","pt-br","ko","es","el","pl"]}