주요 Python 웹 프레임워크를 위한 PyCharm Professional의 백엔드 지원 기능과 더불어 WebStorm의 프런트엔드 지원 기능 및 DataGrip의 SQL 지원 기능이 결합되어 업계 최고의 Python용 풀스택 IDE를 제공합니다.
최신 웹 애플리케이션은 여러 JavaScript 프레임워크와 도구를 사용해 점점 더 복잡해지고 있습니다. 이에 PyCharm Professional에서는 동급 최고의 클라이언트 측 개발을 지원하는 WebStorm을 함께 제공합니다.
하단 세부 섹션으로 가기: HTML, CSS, JavaScript, TypeScript, Angular, React, Vue.js
주요 웹 프레임워크를 직접 지원하는 PyCharm Professional을 이용하면 최신 Python 웹 개발이 간편해집니다. 프레임워크 지원에서는 프로젝트 생산성에 크게 도움이 되는 기능을 선사합니다.
물론 PyCharm의 일반적 IDE 기능인 지능적인 코드 에디터, 스마트 코드 탐색, 리팩토링, 디버그, IDE 사용자 지정, 시각적 버전 지정 등도 백엔드 개발에 제공됩니다.
Django는 각종 수상 경력을 보유하고 있는 최고의 Python 웹 프레임워크로서, PyCharm에서 오랫동안 지원해 왔습니다. 실행, 디버그, 탐색, 생산적인 작업 수행 등, 어떤 작업을 하든 PyCharm에서 Django를 원활하게 사용할 수 있습니다.
Django 실행/디버그 구성 유형은 로컬 또는 원격이든 상관없이 Django 서버를 효율적인 도구 창에서 간편하게 구성하여 시작할 수 있게 해줍니다.
구문 및 오류 강조 표시, 코드 완성, 뷰와 템플릿 간 탐색 기능을 사용할 수 있으며 에디터에서 바로 중단점을 삽입하여 시각적으로 템플릿을 디버그할 수 있습니다.
모델, 뷰 메소드, 양식, 경로 매개변수, 설정 등, 템플릿 내 심볼에서 Python 코드로 간편하게 이동할 수 있습니다.
자동 코드 서식 지정과 들여쓰기, 코드 조각/라이브 템플릿, 짝이 되는 괄호 등의 기호 자동 표시, 코드 주석 추가, 'Surround with tag'(태그로 둘러싸기), 유형 추론을 통한 자동 완성 등의 에디터 액션을 사용해 시간을 절약할 수 있습니다.
표준 파일인 urls.py 및 settings.py에서 파일, 폴더, 뷰 메소드, 템플릿 탐색 및 자동 완성, 정규식 삽입 및 강조 표시 기능을 이용할 수 있습니다. 인텐션을 활용해 PyCharm이 사용 위치에서 뷰와 템플릿을 생성하게 할 수 있습니다.
뷰와 템플릿의 자동 완성, 유형 추론, 탐색, 리팩토링, 사용 위치 검색을 이용해 모델과 양식 작업을 보다 빠르게 수행할 수 있습니다.
그 외 다양한 Django 지원: 템플릿의 정적 리소스 이름 자동 완성 및 경고 표시, 프로젝트 기반 자동 완성이 지원되는 특별한 manage.py용 대화형 작업 창, Django의 Jinja2 및 Mako 템플릿, 함수 뷰와 클래스 기반 뷰 간 전환 등의 코드 인텐션, 실수를 알려주는 템플릿 검사, I18n 헬퍼, Django용 라이브 템플릿, 모델 다이어그램 등
빠르게 성장하는 Flask 마이크로프레임워크는 점점 다양하고 강력한 PyCharm 지원(템플릿, 탐색, 완성 기능 등)을 받고 있습니다.
디렉터리를 템플릿 폴더로 표시, 구문 지원, 코드 검사, 서식 재지정 등의 기능을 이용할 수 있습니다.
루프 내를 포함해 템플릿에 중단점을 설정하고, 렌더링에서 잘못된 문제의 원인을 파악할 수 있습니다.
렌더 매개변수, 경로 매개변수, Flask 전역(예: 세션)을 기반으로 Python 또는 Jinja2에 자동 완성 기능을 제공합니다.
뷰 및 템플릿 파일 사이를 이동하거나 템플릿의 심볼에서 해당 심볼의 Python 코드로 쉽게 이동할 수 있습니다.
flask.ext 네임스페이스를 사용했던 이전 스타일의 Flask 확장 코드를 자동 완성합니다.
선언 모델의 필드 유형을 추론하고 생성된 모델 생성자를 지원하며 언어 삽입을 사용해 쿼리 문자열을 SQL로 표시할 수 있습니다.
그 외 다양한 Flask 지원: 빠른 Flask 경로 생성을 위한 라이브 템플릿, 간단한 사전 구성 Flask 프로젝트를 생성하는 전용 프로젝트 유형
Pyramid는 구성 가능한 대규모 웹 프로젝트에 널리 이용되며, PyCharm은 오랫동안 우수한 Pyramid 지원을 제공해오고 있습니다.
Pyramid용 사용자 지정 실행/디버그 구성 유형이 지원되어 Pyramid 서버가 구성 파일을 읽도록 쉽게 설정할 수 있습니다.
구문 강조 표시, 자동 완성, 서식 재지정, 코드 완성을 비롯해 Jinja2의 템플릿 디버그 기능이 3가지 Pyramid 템플릿 언어에 모두 지원됩니다.
뷰에서 템플릿으로 이동하고, 템플릿 내에서 심볼로 이동할 수 있습니다.
그 외 다양한 Pyramid 지원: Pyramid 프로젝트가 열릴 때 프로젝트 탐지 및 구성, SQLAlchemy 및 SQL 지원, Pyramid 프로젝트 생성 옵션을 미러링하는 전용 프로젝트 유형
최신 개발 워크플로는 개발 작업을 중앙에서 관리하거나 격리를 제공하기 위해 원격 또는 가상 기술을 이용합니다. PyCharm은 Vagrant, SSH 및 Docker를 사용해 풀스택 개발을 위한 풍부한 지원을 제공합니다.
원격/컨테이너 환경에서 로컬 코드를 실행하고 디버그할 수 있습니다. Docker, Vagrant, SSH 및 Linux용 Windows 하위 시스템이 지원되며 PyCharm UI에서 로컬 Docker 컨테이너를 검색할 수도 있습니다.
SFTP 또는 FTP를 기반으로 한 배포 시나리오를 사용해 프로젝트를 구성할 수 있습니다. 자동/수동 업로드, 자격 증명 관리, 로컬 폴더를 원격으로 매핑 등 다양한 기능이 제공됩니다.
프로젝트의 원격 구성에 따라 로컬 터미널과 유사한 IDE 기반 터미널을 사용해 원격 시스템에 로그인하세요. PyCharm 내에서 SSH를 통해 실행되는 원격 작업을 정의할 수 있습니다.
풀스택 Python은 중요한 항목이기에 PyCharm은 훨씬 다양한 지원을 제공합니다.
PyCharm Professional에는 JavaScript 및 TypeScript에 스마트 코딩 지원을 제공하는 WebStorm, 클라이언트 측 코드(Chrome에서 작동), Node.js, HTML 및 CSS를 위한 기본 제공 디버거가 통합되어 있습니다. 최신 프레임워크와 테스트 러너를 위한 첨단 기술 지원과 함께 모든 언어에서 코드 완성, 강력한 탐색 기능, 즉각적인 오류 탐지 및 리팩토링 기능을 이용해 보세요.
대규모 프로젝트에서 HTML로 작업하려면 전문적인 도구가 필요하기에, PyCharm은 HTML 작업에 필요한 다양한 기능을 갖추고 있습니다.
HTML에서든, CSS에서든 상관없이 PyCharm이 프로젝트의 클래스 이름과 ID를 정확하게 완성해 줍니다.
이제 일일이 마크업 들여쓰기를 처리할 필요 없이 다양한 구성 옵션을 사용해 PyCharm이 대신 작업을 처리하도록 설정하세요.
PyCharm은 구성 가능한 코드 검사와 빠른 수정을 통해 참조 누락, 잘못된 HTML 등의 실수를 포착합니다.
그 외 다양한 HTML 지원: 구문 강조 표시, 브라우저에서 미리보기, 임베디드 이미지 보기, Emmet 줄임말로 효율적으로 마크업 작성, HTML 문서로 CCS/JS 참조 드래그 앤 드롭
웹 스타일 지정은 오랫동안 사용되어 온 성숙된 기술이지만, 최근 진보된 기술은 유용한 새로운 기능을 선사합니다. PyCharm은 CSS 개발의 생산성을 높여주는 동시에 뛰어난 최신 기능을 지원합니다.
프로젝트에서 사용되는 CSS 심볼을 비롯한 클래스 이름과 ID에 코드 완성 및 탐색 기능을 제공하며 import 문을 지원합니다.
구성 가능한 코드 서식 지정 기능을 이용해 들여쓰기, 빈 줄, 공백 처리를 PyCharm에 맡기세요. 코드 검사 및 빠른 수정 기능과 함께 CSS 스타일 설정에 Stylelint를 사용할 수 있습니다.
Sass, SCSS, Less 등에 구문, 자동 완성, 자동 가져오기, 경고를 지원합니다.
최신 JavaScript는 대규모 브라우저 측 및 서버 측 애플리케이션을 위한 풍부한 기능의 환경을 선사합니다. PyCharm은 시시각각 변화하는 JavaScript 개발 업계를 고려해 최고 수준의 지원을 제공합니다.
NodeJS(로컬 또는 원격) 및 Chrome에서의 실행에 모두 사용할 수 있는 완벽한 기능의 디버거를 제공합니다.
이동/이름 변경, 클래스로 이동, 매개변수/변수/메소드 추출 등 다양한 리팩토링 기능을 이용할 수 있습니다.
작은따옴표로 변환, 피연산자 대칭, 문자열 템플릿 리터럴로 변환 등, JavaScript에서 일반적으로 수행되는 여러 작업의 속도가 향상됩니다.
그 외 다양한 JavaScript 지원: 심볼 완성 시 ES6 import 문 자동 생성, PyCharm이 import 문을 정리하도록 설정하는 구성 가능한 'optimize imports'(import 문 최적화), 지능적이고 구성 가능한 코드 서식 재지정, 경고와 빠른 수정을 위한 ESLint, 소스 변경 시 Babel을 실행하는 File Watcher(파일 감시기)
프레임워크, 라이브러리 및 대규모 JavaScript 프로젝트에서는 더 나은 코드 작성을 위해 TypeScript를 채택하고 있기에 PyCharm에서는 TypeScript를 위한 풍부한 최신 지원을 갖추고 있습니다.
구문 강조 표시 및 오류 검사, 코드 완성 및 지원, 코드 서식 지정, 빠른 탐색, 사용 위치 검색, 자동 import 문 생성 기능을 제공합니다.
이름 변경/이동, 시그너처 변경, 매개변수 추출, 인터페이스 추출 등 방대한 리팩토링을 지원합니다.
TSlint 및 프로젝트 구성을 사용해 코드 검사와 빠른 수정을 실행해 보세요.
그 외 다양한 TypeScript 지원: 코드를 입력하는 즉시 TypeScript를 컴파일하는 기본 제공 컴파일러, 컴파일 오류 보고를 위한 프로젝트 전반의 UI, 매개변수 힌트 및 추론된 유형 정보에 대한 인라인 보기, TypeScript 언어 서비스 지원
정교한 JavaScript 애플리케이션을 만들려면 테스트 및 테스트 프레임워크가 필요하므로 PyCharm은 Karma, Jest, Protractor 및 Mocha에 풍부하고 생산성을 향상하는 지원을 제공합니다.
PyCharm에는 Karma, Mocha, Jest 및 Protractor와 같은 테스트 러너가 통합되어 있기 때문에 간편하게 테스트를 수행할 수 있습니다. 프레임워크 고유의 구성 옵션을 간편하게 설정해 보세요.
PyCharm에서는 테스트에 초점을 맞춘 다양한 옵션을 가진 강력한 도구 창에서 테스트를 실행할 수 있습니다.
마우스 오른쪽 버튼 클릭 한 번으로 테스트를 실행하고, 코드를 입력하는 즉시 테스트를 자동 실행하며, 실패한 테스트 또는 코드에서 해당 줄로 손쉽게 이동하고, 유용한 여백 아이콘을 확인해 보세요.
그 외 다양한 테스트 지원: 검사를 위해 디버거에서 테스트 실행, 테스트 범위를 확인하고 탐색하기 위한 통합 UI(여백 아이콘 포함), Jest 스냅샷을 위한 UI 지원, 테스트 러너의 감시점 지원과 통합되어 테스트를 빠르게 다시 시작
Angular는 최고의 프런트엔드 프레임워크입니다. WebStorm이 포함된 PyCharm은 최신 및 이전 AngularJS 버전 모두와 긴밀하게 통합되어 있으며 실행 및 테스트에서 강력한 디버그 기능을 제공합니다.
최신 요소부터 기존 AngularJS까지 Angular의 구성 요소 및 템플릿에 코드 완성, 탐색, 서식 재지정, 코드 분석, 빠른 수정 기능을 제공합니다.
Angular 도구를 이용하면 새로운 프로젝트뿐 아니라 구성 요소와 기타 아티팩트를 생성할 수 있으며, 이 모든 작업을 PyCharm UI에서 수행할 수 있습니다.
PyCharm이 사용 위치를 자동 완성하면서 import 문을 생성하고, 설정에 따라 해당 구문을 최적화하며 서식을 다시 지정하도록 구성할 수 있습니다.
그 외 다양한 Angular 지원: Angular 언어 서비스와 통합, Angular/AngularJS 조각을 빠르게 추가할 수 있는 라이브 템플릿, Angular Material 설계에 코딩 지원(구성 요소 및 속성 완성 및 코드 탐색) 제공
React는 웹 개발 업계에서 성공적으로 자리 잡고 있습니다. PyCharm에서는 이 라이브러리에 풍부하고 전문적인 지원을 제공하며 강력하고 효율적인 디버거를 React 개발 및 테스트에 선사합니다.
React API를 위해 메소드, 속성, 이벤트, 사용자 지정 구성 요소(완성 시 자동 생성된 import 문 포함)의 코드 완성을 빠르고 정확하게 제공합니다.
사용 위치 검색 기능을 이용해 심볼 JSX/TSX에서 뷰 메소드, 속성 또는 기타 정의 심볼로 이동하거나 그 반대 방향으로 이동할 수 있습니다.
ESLint와 같은 Linter에 기반한 구성 가능한 설정을 이용해 사용 위치 및 스타일에 대한 경고를 표시하고 빠른 수정을 실행할 수 있습니다.
그 외 다양한 React 지원: create-react-app을 사용해 새 프로젝트 생성(react-scripts에 대한 UI 지원 포함), 프로젝트 전체에서 구성 요소 리팩토링, React Native 지원, JSX에서 Emmet 단축키 사용, TypeScript 및 Flow 지원
Vue.js는 가벼운 최신 웹 프레임워크로, PyCharm에서는 코드 편집 및 테스트 실행 시 사용할 수 있는 디버거 등 지원을 확대하고 있습니다.
스크립트/스타일/템플릿 블록 지원을 비롯해 TypeScript/Pug/CSS를 관련 언어로 사용하기 위한 'lang' 지원이 제공되어 .vue 파일 인식이 가능합니다.
Vue 템플릿의 구성 요소, 속성, 메소드에서 코드 완성, 분석 및 탐색 기능을 사용할 수 있습니다.
코드 또는 템플릿에서 심볼을 완성할 때 import 문이 자동으로 생성됩니다.
그 외 다양한 Vue.js 지원: Vue.js 조각을 빠르게 생성할 수 있는 라이브 템플릿, 새 Vue.js 프로젝트를 위한 프로젝트 템플릿
SQL 데이터베이스는 풀스택 Python 웹 애플리케이션에서 널리 이용되는 백엔드로, PyCharm은 JetBrains SQL용 IDE인 DataGrip을 통합하여 데이터베이스 개발의 생산성을 높입니다. 효율적인 쿼리, 스키마 탐색, 테이블 편집, 리팩토링, 가져오기/내보내기 등의 기능을 이용해 보세요.
지능적인 코드 에디터, SQL에서 스마트 코드 탐색, 테이블 리팩토링, IDE 사용자 지정, 스키마 스크립트의 시각적 버전 지정 등, JetBrains의 일반 IDE 기능은 데이터베이스 개발에도 적용됩니다.
PyCharm은 데이터베이스의 모든 객체를 내부적으로 검사하고 스키마별로 폴더로 그룹 지정하여 표시합니다. 또한 테이블, 열, 색인, 제약 조건 등을 추가 및 편집하기 위한 UI를 제공합니다.
서로 다른 결과를 비교할 수 있는 유용한 Diff 뷰어를 제공하고 검색 가능한 출력 및 로컬 기록을 보여주는 콘솔에서 쿼리를 실행해 보세요.
해당 객체가 코드 내에서 생성되었는지, 데이터베이스에서 이미 읽어 들인 것인지 상관없이 빠른 탐색 기능으로 모든 객체로 이동할 수 있습니다. Navigate to symbol(심볼로 이동) 기능을 사용하면 객체를 이름으로 찾을 수 있습니다.
강력한 테이블 에디터에서 데이터 행을 추가, 제거, 편집 및 복제할 수 있습니다. 외부 키로 데이터를 탐색하고, 텍스트 검색을 사용해 테이블 에디터에 표시되는 데이터에서 무엇이든 찾을 수 있습니다.
PyCharm은 컨텍스트와 스키마를 인식하는 코드 완성 기능을 제공하므로 코드 작성 속도가 빨라집니다. 코드 완성 기능은 테이블 구조 및 외부 키를 비롯해 편집 중인 코드에서 생성된 데이터베이스 객체까지 인식합니다.
CSV/JSON/XML 등의 익숙한 형식, SQLite 등의 기타 데이터 소스, 최근 쿼리 내보내기, 프로그래밍 기반의 Data Extractor 기능에 이르기까지, 다양한 방식으로 데이터를 데이터베이스의 내외부로 이동할 수 있습니다.