Web Development
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도 함께 성장해 나갈 것입니다.
게시물 원문 작성자
