PyCharm 2026.1의 핵심 웹 개발 지원 확장
PyCharm 2026.1에서는 더 다양한 전문 웹 개발 도구가 모든 사용자에게 무료로 제공되어 핵심 IDE 경험이 한층 더 발전합니다. 이전에는 Pro 구독에서만 제공되던 JavaScript, TypeScript 및 CSS 기능이 초보자부터 백엔드 중심 개발자까지 모두에게 열립니다.
React, JavaScript, TypeScript, CSS 지원
PyCharm 내에서 최신 웹 언어를 위한 포괄적인 편집 및 서식 지정 도구 세트를 활용할 수 있으며, 이에는 다음이 포함됩니다.
- 기본 React 지원은 코드 완성, 구성 요소 및 속성 탐색, React 컴포넌트 및 프로퍼티 이름 변경 리팩터링을 지원합니다.
- 고급 import 문 관리:
- 작업 중 JavaScript 및 TypeScript import 문이 자동으로 추가됩니다.
- Optimize imports(import 문 최적화) 기능을 통해 불필요한 참조를 병합하거나 제거할 수 있습니다.
- 코드를 에디터에 붙여 넣으면 필요한 import 문이 자동으로 추가됩니다.
- 서식 지정 향상: CSS에 특화된 코드 완성, 검사, 빠른 수정 기능을 사용할 수 있으며 내장된 웹 미리보기를 통해 변경 사항을 실시간으로 확인할 수 있습니다.
- 스마트 에디터 동작: 웹 개발을 위해 설계된 스마트 키, Code Vision 인레이 힌트, 접미사 코드 완성을 활용할 수 있습니다.
탐색 및 코드 인텔리전스
웹 프로젝트를 탐색하는 작업이 더 효율적으로 개선되었습니다.
- Pro급 탐색 기능: Jump to…(다음으로 이동) 액션, 재귀 호출, TypeScript 소스 매핑의 전용 여백 아이콘을 사용할 수 있습니다.
- 핵심 웹 리팩터링: 신뢰할 수 있는 Rename(이름 변경) 리팩터링과 액션(Introduce variable(변수 삽입), Change signature(시그너처 변경), Move members(멤버 이동) 등)을 통해 주요 코드 변경을 수행할 수 있습니다.
- 품질 관리: Pro급의 검사, 인텐션, 빠른 수정 기능을 통해 높은 코드 품질을 유지할 수 있습니다.
- 코드 정리: JavaScript 및 TypeScript 중복 탐지를 통해 불필요한 코드 블록을 식별할 수 있습니다.
프레임워크 및 통합 도구
일부 주요 프런트엔드 프레임워크와 도구에 대한 필수 지원이 추가되어 다음 기능을 사용할 수 있습니다.
- 프로젝트 초기화: 내장된 Vite 생성기를 사용해 새로운 웹 프로젝트를 빠르게 생성할 수 있습니다.
- 표준 도구: Prettier, ESLint, TSLint, StyleLint 통합 지원을 사용해 코드 품질을 표준화할 수 있습니다.
- 스크립트 관리:
package.json에서 NPM 스크립트를 직접 확인하고 실행할 수 있습니다. - 보안: 프로젝트 종속성의 보안 취약점을 확인합니다.
이와 같이 검증된 기능을 이제 무료로 PyCharm 핵심 환경에 제공하게 되어 기쁩니다. 이러한 도구가 초보자, 학생, 취미로 개발하는 이들이 하나의 강력한 IDE 안에서 실제 개발 작업을 수행하는 데 도움이 될 것이라 확신합니다. 무엇보다 핵심 기능이 상업용과 비상업용 프로젝트 모두에 제공되므로 사용자가 학습 단계에서 전문 개발 단계로 나아가는 과정에서 PyCharm도 함께 성장해 나갈 것입니다.
게시물 원문 작성자
Subscribe to PyCharm Blog updates
Discover more
PyCharm 2026.1 におけるウェブ開発の基本サポートの拡張
PyCharm 2026.1 では IDE の基本機能がさらに進化しており、より幅広い業務レベルのウェブツールがすべてのユーザーに無料で提供されるようになります。初心者からバックエンドファーストの開発者まで、すべてのユーザーが以前は Pro サブスクリプションでのみ提供されていた重要な JavaScript、TypeScript、および CSS の機能を使用できるようになります。
React、JavaScript、TypeScript、および CSS のサポート
以下のようなモダンなウェブ言語用の包括的な編集および整形ツール一式を PyCharm 内で使用できるようになります。
- React の基本サポート: コード補完、コンポーネントと属性の移動操作、React コンポーネントと props の Rename（名前の変更）リファクタリングが可能になります。
- 高度なインポート管理:
- 作業しながら JavaScript と TypeScript の自動インポートを実行できます。
- Optimize imports（インポートの最適化）機能を使用して不要な参照をマージまたは除去できます。
- コードをエディターに貼り付けると、必要なインポートが自動的に追加されます。
- 高度なスタイル設定: CSS 向けのコード補完、インスペクション、およびクイックフィックスを使用し、組み込みのウェブプレビューを通じて変更をリアルタイムで確認できます。
- スマートなエディター動作: ウェブ開発用に設計されたスマートキー、Code Vision のインレイヒント、および後置コード補完を使用できます。
移動操作とコードインテリジェンス
以下を可能にするツールにより、さらに効率よくウェブプロジェクトに取り組めるようになりました。
- プロ仕様の移動操作: アクション、反復的な呼び出し、および TypeScript ソースマッピングへの Jump to…（移動…） 専用のガターアイコンを使用できます。
- 基本的なウェブのリファクタリング: 信頼性の高い Rename（名前の変更）リファクタリングやアクション（Introduce variable（変数の導入）、Change signature（シグネチャーの変更）、Move members（メンバーの移動）など）を使用して基本的なコード変更を実行できます。
- 品質管理: プロ仕様のインスペクション、インテンション、およびクイックフィックスで高いコード水準を維持できます。
- コードのクリーンアップ: JavaScript および TypeScript の重複検出により、冗長なコードブロックを発見できます。
フレームワークと統合ツール
ごく一般的なフロントエンドフレームワークとツールの一部に対する基本的なサポートを追加しました。これにより、以下の機能を使用できるようになります。
- プロジェクトの初期化: 組み込みの Vite ジェネレーターを使用し、新しいウェブプロジェクトを素早く作成できます。
- 標準ツール一式: Prettier、ESLint、TSLint、および StyleLint のサポートを組み込みで提供することで、コードの品質を均一化できます。
- スクリプト管理: npm スクリプトを検出し、
package.jsonから直接実行できます。 - セキュリティ: プロジェクトの依存関係を確認してセキュリティ脆弱性を検出できます。
上記の実績ある機能を PyCharm の基本機能に追加して無料で提供することになりました！ これらのツールにより、初心者、学生、ホビイストが 1 つの強力な IDE 内で実際のタスクに取り組めるようになると確信しています。何よりも素晴らしいことに、基本の PyCharm は商用および非商用プロジェクトの両方に使用できます。そのため、PyCharm はユーザーが学習段階から業務開発に移行するのに合わせて成長します。
オリジナル（英語）ブログ投稿記事の作者：
