├── .gitignore ├── .prettierignore ├── .prettierrc ├── AUTHORS ├── CONTRIBUTING.md ├── LICENSE ├── README.md ├── babel.config.js ├── docs ├── python │ ├── 1-start │ │ ├── 1-python.md │ │ ├── 2-installation.md │ │ ├── 3-vscode.md │ │ ├── 4-running.md │ │ ├── 5-io.mdx │ │ ├── 6-variable.mdx │ │ ├── 7-usingvariable.md │ │ ├── 8-madlibs.md │ │ └── 9-comment.mdx │ ├── 2-data-types │ │ ├── 10-datatype.mdx │ │ ├── 11-string.md │ │ ├── 12-indexing.mdx │ │ ├── 13-stringmethod.mdx │ │ ├── 14-teasing.md │ │ ├── 15-escapechar.md │ │ ├── 16-ascii.mdx │ │ ├── 17-bool.mdx │ │ ├── 18-number.md │ │ ├── 19-operator.mdx │ │ ├── 20-numtype.md │ │ ├── 21-calculator.md │ │ ├── 22-numbermethod.md │ │ ├── 23-list.md │ │ ├── 24-listmethod.md │ │ ├── 25-dictionary.md │ │ ├── 26-dictionarymethod.md │ │ ├── 27-zip.md │ │ ├── 28-tuple.md │ │ ├── 29-set.md │ │ └── 30-setmethod.md │ ├── 3-data-flow │ │ ├── 31-if.md │ │ ├── 32-password.md │ │ ├── 33-none.md │ │ ├── 34-function.md │ │ ├── 35-variablespecification.md │ │ ├── 36-typecasting.md │ │ ├── 37-anonymous.md │ │ ├── 38-for.md │ │ ├── 39-while.md │ │ └── 40-codeinaline.md │ ├── 4-module │ │ ├── 41-otherfunction.md │ │ ├── 42-module.md │ │ ├── 43-builtinmodule.md │ │ ├── 44-hacking.md │ │ ├── 45-date.md │ │ ├── 46-random.md │ │ ├── 47-dice.md │ │ ├── 48-regex.md │ │ ├── 49-class.md │ │ └── 50-math.md │ ├── 5-file │ │ ├── 51-file.md │ │ ├── 52-reading.md │ │ ├── 53-writing.md │ │ ├── 54.contextmanager.md │ │ └── 55-friend.md │ ├── 6-advanced-data-types │ │ ├── 56-changedatatype.md │ │ ├── 57-stringascode.md │ │ ├── 58-idle.md │ │ ├── 59-pip.md │ │ ├── 60-json.md │ │ ├── 61-array.md │ │ ├── 62-arraytype.md │ │ ├── 63-error.md │ │ ├── 64-logging.md │ │ └── 65-mapreducefilter.md │ ├── 7-advanced-data-flow │ │ ├── 66-decorator.md │ │ ├── 67-async.md │ │ ├── 68-__name__.md │ │ ├── 69-thread.md │ │ └── 70-multiprocessing.md │ └── 8-advanced-module │ │ ├── 71-counter.md │ │ ├── 72-request.md │ │ ├── 73-dundermethod.md │ │ ├── 74-keyboardmouse.md │ │ ├── 75-project.md │ │ ├── 76-turtle.md │ │ ├── 77-pandas.md │ │ ├── 78-matplotlib.md │ │ ├── 79-gTTS.md │ │ └── 80-machinelearning.md └── rust │ ├── 1-start │ ├── 1-rust.md │ ├── 10-comment.md │ ├── 2-buildtools.md │ ├── 3-installation.mdx │ ├── 4-vscode.md │ ├── 5-rustc.md │ ├── 6-cargo.md │ ├── 7-cargotoml.md │ ├── 8-mainfunction.md │ └── 9-print.md │ ├── 2-variable │ ├── 11-variable.md │ ├── 12-mut.md │ ├── 13-identifier.md │ ├── 14-scope.md │ └── 15-shadow.md │ ├── 3-data-types │ ├── 16-datatype.md │ ├── compound │ │ ├── 24-array.md │ │ ├── 25-vec.md │ │ ├── 26-struct.md │ │ ├── 27-enum.md │ │ └── 28-impltrait.md │ └── scalar │ │ ├── 17-int.md │ │ ├── 18-float.md │ │ ├── 19-numbermethod.md │ │ ├── 20-boolean.md │ │ ├── 21-operator.md │ │ ├── 22-char.md │ │ └── 23-string.md │ ├── 4-data-flow │ ├── 29-if.md │ ├── 30-loop.md │ ├── 31-while.md │ ├── 32-for.md │ ├── 33-some.md │ ├── 34-match.md │ └── 35-if-let.md │ ├── 5-function │ ├── 36-fn.md │ ├── 37-param.md │ ├── 38-return.md │ ├── 39-closure.md │ └── 40.diverging.md │ ├── 6-memory │ ├── 41-management.md │ ├── 42-ownership.md │ ├── 43-copymove.md │ └── 44-borrowing.md │ ├── 7-module │ ├── 45-module.md │ ├── 46-filemod.md │ ├── 47-use.md │ ├── 48-input.md │ └── 49-file.md │ ├── 8-errhandleattr │ ├── 50-panic.md │ ├── 51-result.md │ └── 52-attribute.md │ └── 9-lib │ ├── 53-generic.md │ └── 54-box.md ├── docusaurus.config.js ├── i18n └── en │ ├── code.json │ ├── docusaurus-plugin-content-blog │ └── options.json │ ├── docusaurus-plugin-content-docs │ ├── current.json │ └── current │ │ └── python │ │ ├── 1-start │ │ ├── 1-python.md │ │ ├── 2-installation.md │ │ ├── 3-vscode.md │ │ ├── 4-running.md │ │ ├── 5-io.mdx │ │ ├── 6-variable.mdx │ │ ├── 7-usingvariable.md │ │ ├── 8-madlibs.md │ │ └── 9-comment.mdx │ │ ├── 2-data-types │ │ ├── 10-datatype.mdx │ │ ├── 11-string.md │ │ ├── 12-indexing.mdx │ │ ├── 13-stringmethod.mdx │ │ ├── 14-teasing.md │ │ ├── 15-escapechar.md │ │ ├── 16-ascii.mdx │ │ ├── 17-bool.mdx │ │ ├── 18-number.md │ │ ├── 19-operator.mdx │ │ ├── 20-numtype.md │ │ ├── 21-calculator.md │ │ ├── 22-numbermethod.md │ │ ├── 23-list.md │ │ ├── 24-listmethod.md │ │ ├── 25-dictionary.md │ │ ├── 26-dictionarymethod.md │ │ ├── 27-zip.md │ │ ├── 28-tuple.md │ │ ├── 29-set.md │ │ └── 30-setmethod.md │ │ ├── 3-data-flow │ │ ├── 31-if.md │ │ ├── 32-password.md │ │ ├── 33-none.md │ │ ├── 34-function.md │ │ ├── 35-variablespecification.md │ │ ├── 36-typecasting.md │ │ ├── 37-anonymous.md │ │ ├── 38-for.md │ │ ├── 39-while.md │ │ └── 40-codeinaline.md │ │ ├── 4-module │ │ ├── 41-otherfunction.md │ │ ├── 42-module.md │ │ ├── 43-builtinmodule.md │ │ ├── 44-hacking.md │ │ ├── 45-date.md │ │ ├── 46-random.md │ │ ├── 47-dice.md │ │ ├── 48-regex.md │ │ ├── 49-class.md │ │ └── 50-math.md │ │ ├── 5-file │ │ ├── 51-file.md │ │ ├── 52-reading.md │ │ ├── 53-writing.md │ │ ├── 54.contextmanager.md │ │ └── 55-friend.md │ │ ├── 6-advanced-data-types │ │ ├── 56-changedatatype.md │ │ ├── 57-stringascode.md │ │ ├── 58-idle.md │ │ ├── 59-pip.md │ │ ├── 60-json.md │ │ ├── 61-array.md │ │ ├── 62-arraytype.md │ │ ├── 63-error.md │ │ ├── 64-logging.md │ │ └── 65-mapreducefilter.md │ │ ├── 7-advanced-data-flow │ │ ├── 66-decorator.md │ │ ├── 67-async.md │ │ ├── 68-__name__.md │ │ ├── 69-thread.md │ │ └── 70-multiprocessing.md │ │ └── 8-advanced-module │ │ ├── 71-counter.md │ │ ├── 72-request.md │ │ ├── 73-dundermethod.md │ │ ├── 74-keyboardmouse.md │ │ ├── 75-project.md │ │ ├── 76-turtle.md │ │ ├── 77-pandas.md │ │ ├── 78-matplotlib.md │ │ ├── 79-gTTS.md │ │ └── 80-machinelearning.md │ └── docusaurus-theme-classic │ ├── footer.json │ └── navbar.json ├── package.json ├── sidebars.js ├── src ├── components │ └── Quiz.js ├── css │ ├── custom.scss │ └── quiz.scss ├── pages │ ├── about.js │ ├── index.js │ └── index.module.scss └── theme │ ├── PwaReloadPopup │ ├── index.js │ └── styles.module.scss │ └── SearchBar │ ├── index.js │ └── styles.css ├── static ├── img │ ├── favicon.ico │ ├── favicon.png │ ├── python │ │ ├── file │ │ │ └── copy_path.png │ │ ├── installation │ │ │ ├── advanced_options.png │ │ │ ├── download_python_box.png │ │ │ ├── download_python_button.png │ │ │ ├── mac-terminal.jpg │ │ │ ├── option_customize_installation.png │ │ │ ├── optional_feat.png │ │ │ ├── setup_finished.png │ │ │ └── window-cmd.png │ │ ├── proj │ │ │ └── zoom.png │ │ ├── run │ │ │ ├── code_runner_hello_world.png │ │ │ ├── idle_hello_world.png │ │ │ ├── new_terminal.png │ │ │ └── result_hello_terminal.png │ │ └── vscode │ │ │ ├── code_runner_extension_install.png │ │ │ ├── download_vscode.png │ │ │ ├── keep_discard.png │ │ │ ├── python_extension_install.png │ │ │ ├── python_file_name.png │ │ │ ├── vscode_agree.png │ │ │ ├── vscode_extension.png │ │ │ ├── vscode_finished.png │ │ │ ├── vscode_installation.png │ │ │ ├── vscode_open_folder.png │ │ │ ├── vscode_user_setting.png │ │ │ └── vscode_user_setup.png │ ├── rust │ │ └── installation │ │ │ ├── download_build_tools_box.png │ │ │ ├── rust-vs-workloads.png │ │ │ ├── rust.png │ │ │ └── vs_next.jpg │ └── svg │ │ ├── around_the_world_re_rb1p.svg │ │ ├── awards_fieb.svg │ │ ├── open_source_-1-qxw.svg │ │ └── progressive_app_m-9-ms.svg └── pwa │ ├── 144x144.png │ ├── 192x192.png │ ├── 256x256.png │ ├── 30x30.png │ ├── 50x54.png │ ├── 512x512.png │ ├── 96x96.png │ ├── apple-touch-icon.png │ ├── manifest.json │ └── screenshot │ └── screenshot-home.png └── yarn.lock /.gitignore: -------------------------------------------------------------------------------- 1 | # Dependencies 2 | /node_modules 3 | 4 | # Production 5 | /build 6 | 7 | # Generated files 8 | .docusaurus 9 | .cache-loader 10 | 11 | # Misc 12 | .DS_Store 13 | .env.local 14 | .env.development.local 15 | .env.test.local 16 | .env.production.local 17 | 18 | # Yarn/NPM 19 | npm-debug.log* 20 | yarn-debug.log* 21 | yarn-error.log* 22 | -------------------------------------------------------------------------------- /.prettierignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | build 3 | .docusaurus 4 | -------------------------------------------------------------------------------- /.prettierrc: -------------------------------------------------------------------------------- 1 | { 2 | "arrowParens": "always", 3 | "bracketSameLine": true, 4 | "bracketSpacing": false, 5 | "printWidth": 80, 6 | "proseWrap": "never", 7 | "singleQuote": true, 8 | "trailingComma": "all" 9 | } 10 | -------------------------------------------------------------------------------- /AUTHORS: -------------------------------------------------------------------------------- 1 | Hyunseung Lee, 2 | Juha Im, 3 | Gun Kim 4 | -------------------------------------------------------------------------------- /CONTRIBUTING.md: -------------------------------------------------------------------------------- 1 | # Contributing 2 | 3 | Thanks for considering contributing to the project! 4 | 5 | # Setup 6 | 7 | 1. Install Git & GitHub & Node & NPM 8 | 2. `git clone https://github.com/hslee2008/Coding-Insight.git` 9 | 3. `cd Coding-Insight` 10 | 4. `yarn install` 11 | 5. `yarn start` 12 | 13 | # Issues 14 | 15 | Report issues to [Issues](https://github.com/hslee2008/Coding-Insight/issues/new). 16 | 17 | # PR 18 | 19 | 1. Fork, [Fork](https://github.com/hslee2008/Coding-Insight/fork) 20 | 2. Change code 21 | 3. Write a pr [PR](https://github.com/hslee2008/Coding-Insight/compare) 22 | 23 | # Translating 24 | 25 | Follow the steps above. 26 | 27 | Then run, 28 | 29 | ``` 30 | yarn run write-translations -- --locale en 31 | ``` 32 | 33 | Replace en with the locale you want to translate to. 34 | -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | Copyright <2022> 2 | 3 | Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: 4 | 5 | The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. 6 | 7 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. 8 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # Directory 2 | 3 | This is the directory for website source cod for: https://www.coding-insight.com 4 | 5 | ![Screenshot Computer](./static/pwa/screenshot/screenshot-home.png) 6 | 7 | # 🔧 Website configuration 8 | 9 | The main config file for the website can be found at `website/docusaurus.config.js`. This file tells Docusaurus how to build the website. Edits to this file are rarely necessary. 10 | 11 | The core subdirectory contains JavaScript and React components that are the core part of the website. 12 | 13 | The `src/pages` subdirectory contains the React components that make up the non-documentation pages of the site, such as the homepage. 14 | 15 | # Running locally 16 | 17 | `cd website` to go into the website portion of the project. `yarn start` to start the development server (powered by Docusaurus). open http://localhost:3000/ to open the site in your favorite browser. 18 | 19 | # 👏 Contributing 20 | 21 | Create a branch 22 | 23 | 1. `git checkout main` from any folder in your local `coding-insight` repository. 24 | 2. `git pull origin main` to ensure you have the latest main code. 25 | 3. `git checkout -b the-name-of-my-branch` to create a branch. 26 | > replace `the-name-of-my-branch` with a suitable name, such as `update-animations-page` 27 | 28 | # 📄 License 29 | 30 | Coding-Insight is MIT licensed. 31 | -------------------------------------------------------------------------------- /babel.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | presets: [require.resolve('@docusaurus/core/lib/babel/preset')], 3 | }; 4 | -------------------------------------------------------------------------------- /docs/python/1-start/1-python.md: -------------------------------------------------------------------------------- 1 | # 파이썬 2 | 3 | 파이썬이라는 단어를 들어보신 적이 있나요? 4 | 5 | 만일 뱀의 종류 중 하나인 파이썬을 생각하셨다면 틀렸습니다! 6 | 7 | 파이썬이라는 뱀도 있지만 오늘 배울 것은 뱀이 아니라 코딩 언어입니다. 8 | 9 | ## 프로그래밍 언어란? 10 | 11 | 프로그래밍 언어란 사람들과 기계가 소통하기 위하여 만든 언어입니다. 12 | 13 | 한국 사람들은 한국어를 사용하듯이 컴퓨터는 프로그래밍 언어를 사용합니다. 14 | 15 | 기계는 이진수 (0과 1)만 이해할 수 있어서 인간과의 대화가 매우 어렵습니다. 16 | 17 | 코딩 언어를 사용한다면 코딩 언어를 이진수로 자동으로 바꿀 수 있으므로 사람들이 어려운 이진수를 배우지 않고도컴퓨터에게 명령을 할 수 있습니다. 18 | 19 | ``` 20 | 01001000 01100101 01101100 01101100 01101111 00100001 21 | ``` 22 | 23 | 위의 이진수는 'Hello World'라는 뜻입니다. 24 | 25 | ## 파이썬으로 할 수 있는 것들 26 | 27 | 그렇다면 파이썬으로 무엇을 할 수 있을까요? 28 | 29 | 먼저 파이썬은 데이터 관리를 쉽고 빠르게 할 수 있는 기능이 있습니다. 요즘 시대는 매우 큰 데이터를 빠르고 효율적으로 처리하는 것이 매우 중요해졌습니다. 파이썬은 데이터 처리 속도가 빠르고 확장 도구들이 많기 때문에 데이터를 관리하기 쉽습니다. 30 | 31 | 또한, 파이썬은 웹사이트를 개발할 때 자바스크립트와 함께 사용되는 언어로 매우 유용합니다. 32 | 33 | 위의 예시처럼 전문가들이 사용하기도 적합하지만 어린이들이 처음으로 코딩을 배울때 많은 사람들은 파이썬부터 배우기 시작합니다. 34 | 35 | 그 이유는 파이썬은 배우기도 쉽고 간단해서입니다. 그래서 저희도 오늘 파이썬부터 시작하겠습니다. 36 | 37 | ![파이썬](https://miro.medium.com/max/1400/0*5CnyWf0j4a9daNkY) 38 | 39 | ## 파이썬의 이름의 유래 40 | 41 | 파이썬은 '귀도 반 로섬'이라는 발명가가 만들었습니다. 42 | 43 | [![Guido van Rossum](https://upload.wikimedia.org/wikipedia/commons/thumb/e/e2/Guido-portrait-2014-drc.jpg/1280px-Guido-portrait-2014-drc.jpg)](https://en.wikipedia.org/wiki/Guido_van_Rossum) 44 | 45 | 그가 새로 만든 코딩 언어의 이름을 무엇으로 지을지 생각하고 있을 때 그는 영국의 코미디언 몬티 파이썬의 쇼를 보고 있었습니다. 46 | 47 | 우연히 그는 코미디언의 마지막 이름 '파이썬'을 따라 새로운 코딩 언어의 이름을 지었습니다. 48 | 49 | 파이썬 코딩 언어는 뱀 파이썬 이름을 따라서 붙인 것이 아니라 코미디언 쇼 팀 이름입니다. 50 | 51 | ![몬티 파이썬](http://img.khan.co.kr/newsmaker/1123/20150505_44.jpg) 52 | 53 | 여러분은 혁신적인 새로운 코딩 언어를 만들었다면 이름을 무엇으로 정했을 것 같나요? 54 | 55 | ## 파이썬의 장점 56 | 57 | 파이썬은 매우 간단하고 배우기 쉽습니다. 그래서 나이에 상관 없이 누구나 배울 수 있는 언어입니다. 58 | 59 | 또한, 영어의 형태와 매우 비슷하여 다른 프로그래밍 언어에 비해 파이썬을 이해하고 사용하기도 수월합니다. 60 | -------------------------------------------------------------------------------- /docs/python/1-start/2-installation.md: -------------------------------------------------------------------------------- 1 | # 파이썬 설치 2 | 3 | 파이썬이 이진수로 바꾸어서 실행되기 위해 컴파일 프로그램을 설치해야 합니다. 4 | 5 | 이 프로그램은 파이썬 [공식 사이트](https://www.python.org/downloads/)에서 확인할 수 있습니다. 6 | 7 | ## 컴파일러 설치 8 | 9 | ### Download Python 버튼 누르기 10 | 11 | ![파이썬 홈페이지](/img/python/installation/download_python_button.png) 12 | 13 | ### 파이썬 설치 마법사 열기 14 | 15 | ![파이썬 다운로드](/img/python/installation/download_python_box.png) 16 | 17 | ### 옵션 선택과 Customize Installation 18 | 19 | ![설치 도움이](/img/python/installation/option_customize_installation.png) 20 | 21 | ### 모두 선택하고 다음 22 | 23 | ![설정](/img/python/installation/optional_feat.png) 24 | 25 | ### 1 ~ 5 옵션 선택과 Install 버튼 26 | 27 | ![설정2](/img/python/installation/advanced_options.png) 28 | 29 | ### 컴퓨터 다시 시작 30 | 31 | ![끝내기](/img/python/installation/setup_finished.png) 32 | 33 | ## 확인하기 34 | 35 | 윈도우는 CMD와 MAC는 Terminal에서 다음 명령어를 실행합니다. 36 | 37 | ```sh 38 | python --version 39 | ``` 40 | 41 | ![Terminal](/img/python/installation/mac-terminal.jpg) ![CMD](/img/python/installation/window-cmd.png) 42 | 43 | ## 옵션들 설명 44 | 45 | | 옵션 이름 | 설명 | 46 | | :-- | :-- | 47 | | Add Python 3.10 to PATH | 파이썬을 컴퓨터에서 실행하기 위한 옵션 | 48 | | Documentation | 파이썬 오프라인 서류 다운로드 옵션 | 49 | | PIP | 파이썬 도구 설치 도움이 | 50 | | tcl/tck and IDLE | 파이썬 GUI와 간단히 파이썬 실행 도움이 | 51 | | Python test suite | 파이썬 테스트 도구 | 52 | | py launcher | 파이썬 파일 실행 도움이 | 53 | | Install for all users | 컴퓨터 사용자가 모두 사용할 수 있게 | 54 | | Associate files with Python (requires the py launcher) | 파이썬 파일을 파이썬으로 실행 | 55 | | Create shortcuts for intalled applications | 파이썬 앱을 위해 바로가기 만들기 | 56 | | Precompile standard library | 파이썬 도구 미리 컴파일하기 | 57 | -------------------------------------------------------------------------------- /docs/python/1-start/3-vscode.md: -------------------------------------------------------------------------------- 1 | # VSCode 2 | 3 | VSCode를 사용해보겠습니다. 4 | 5 | VSCode는 파이썬 코드를 편집하는 과정을 쉽게 만들어주는 컴퓨터 앱입니다. 6 | 7 | ## VSCode 프로그램 설치 8 | 9 | ### 다운로드 페이지 10 | 11 | ![설치 이미지](/img/python/vscode/download_vscode.png) 12 | 13 | [VSCode 설치 페이지](https://code.visualstudio.com)에서 파란색 Download 버튼을 클릭합니다. 14 | 15 | ### VSCode 설치 도움이 열기 16 | 17 | ![VSCode 도움이](/img/python/vscode/vscode_user_setup.png) 18 | 19 | 설치가 다 되면 박스를 클릭하세요. 20 | 21 | ### 약관 동의 22 | 23 | ![동의](/img/python/vscode/vscode_agree.png) 24 | 25 | ### 다음, 설치, 끝내기 버튼 26 | 27 | ![다음](/img/python/vscode/vscode_user_setting.png) 28 | 29 | ![설치](/img/python/vscode/vscode_installation.png) 30 | 31 | ### 끝내기 32 | 33 | ![끝내기](/img/python/vscode/vscode_finished.png) 34 | 35 | ## 필요한 추가 도구 설치 36 | 37 | ### CTRL + SHIFT + X 누르기 (또는 큐브) 38 | 39 | ![익스텐션](/img/python/vscode/vscode_extension.png) 40 | 41 | ### Python 익스텐션 설치 42 | 43 | ![파이썬 익스텐션 Python](/img/python/vscode/python_extension_install.png) 44 | 45 | ### Code Runner 설치 46 | 47 | ![파이썬 익스텐션 Code Runner](/img/python/vscode/code_runner_extension_install.png) 48 | 49 | ## VSCode에서 파이썬 프로그래밍 시작 50 | 51 | ### 파일 버튼 누리고 폴더 선택 버튼 누르기 52 | 53 | ![오픈 폴더](/img/python/vscode/vscode_open_folder.png) 54 | 55 | ### 짤 코드를 저장하고 싶은 폴더를 선택 56 | 57 | 따로 폴더를 만들 수 없다면 '바탕화면'을 선택해 주세요. 58 | 59 | ### 파일 새로 만들기 버튼(가장 왼쪽)을 누르고 .py로 파일 이름 끝나게 만들기 60 | 61 | ![파일 이름](/img/python/vscode/python_file_name.png) 62 | 63 | :::note 64 | 65 | 그 이유는 컴퓨터에게 `.py`가 파이썬 파일이라는 것을 알려줍니다. 66 | 67 | `.py`는 python의 약자로 파일을 열면 파이썬 실행 프로그램을 통해 실행합니다. 68 | 69 | ::: 70 | -------------------------------------------------------------------------------- /docs/python/1-start/4-running.md: -------------------------------------------------------------------------------- 1 | # 파이썬 실행 방법 2 | 3 | 파이썬을 실행하는 방법은 크게 3가지 방법이 있습니다. 4 | 5 | ## 1. Code Runner 사용하기 6 | 7 | 코드를 작성하고 삼각형 버튼을 누르면 결과를 확인할 수 있습니다. 8 | 9 | 하지만 입력 (다음 시간에 배울 내용) 기능이 없기 때문에 입력을 할 때에는 다른 방법을 사용해야 합니다. 10 | 11 | ```py 12 | print("hello world") 13 | ``` 14 | 15 | ![결과](/img/python/run/code_runner_hello_world.png) 16 | 17 | ## 2. 터미널 사용하기 18 | 19 | 터미널이란 코드를 실행할 수 있는 공간입니다. 20 | 21 | 컴퓨터에게 파이썬 코드를 실행하라고 알려주기 위해서 다음을 실행합니다. 22 | 23 | ```sh 24 | python hello.py 25 | ``` 26 | 27 | hello 대신 만든 파이썬 파일 이름을 넣으세요. 28 | 29 | 1. 터미널을 열기 위해서는 VSCode에서 `` ctrl + ` ``를 누르거나 (즉, ctrl을 누르면서 `누르기) 30 | 2. Terminal > New Terminal을 버튼을 클릭하면 됩니다. 31 | 32 | ![터미널](/img/python/run/new_terminal.png) 33 | 34 | ![결과 확인](/img/python/run/result_hello_terminal.png) 35 | 36 | ## 3. IDLE 37 | 38 | 파이썬을 설치할 때 'IDLE' 옵션을 선택했으면 IDLE가 자동으로 설치 됩니다. 39 | 40 | 앱 리스트에서 IDLE를 찾고 실행하면 다음과 같은 창이 뜨는데... 41 | 42 | ![IDLE 결과](/img/python/run/idle_hello_world.png) 43 | 44 | `print("Hello World")`라고 입력하고 엔터를 누르면 실행이 됩니다. 45 | 46 | ## 4. Trinket (웹사이트에서) 47 | 48 | 폰이나 다른 기기여서 파이썬을 실행을 하지 못하는 경우에는 Trinket을 사용하면 됩니다. 49 | 50 | 저희 사이트는 [Trinket](https://trinket.io)에서 IDLE를 사용해 직접 웹사이트에서 코드를 실행할 수 있습니다. 51 | 52 |