Get started

Get started (시작하기)

Carbon으로 개발을 막 시작하는 분이라면 실행에 필요한 모든 것의 체크리스트를 준비했어요.

출처: Get started

본문

개요 (Overview)

Carbon은 일관되고 사전 구축된 컴포넌트를 제공해 개발자 워크플로우를 가속화합니다. 기본 요소를 반복해서 만들고 다시 만드는 대신, 그 시간을 특정 클라이언트 사용 사례를 다루도록 제품을 사용자 정의하는 데 쓸 수 있어요.

생태계 이해하기 (Understanding the ecosystem)

사람들이 Carbon에 대해 이야기할 때 듣는 것은, Carbon이 하나의 웹사이트나 라이브러리 그 이상이라는 점을 아는 것이 중요해요.

다음 다이어그램은 IBM 전반에 걸친 에셋과 가이드 사이의 관계를 보여줘요. 브랜드와 IBM 디자인 언어의 기반에서부터 Carbon 디자인 시스템의 디지털 구현, 그리고 그것이 제품과 웹 페이지의 기반을 제공하는 데까지요.

IBM 디자인 언어 탐구하기 (Explore the IBM Design Language)

Carbon은 그리드, 색상 토큰, 타이포그래피 토큰 같은 디자인 시스템의 핵심 기반을 정의하는 IBM 디자인 언어 위에 구축됩니다. IBM 디자인 언어 사이트를 탐구하는 데 시간을 쓰면 IBM 디자인 철학 뒤의 원칙을 더 깊이 이해하고, 제품 작업에서 더 정보에 입각한 결정을 내리는 데 도움을 줍니다.

개발자에게 이런 기반 요소를 배우는 것은 현명한 투자예요. 그리드, 컬러 토큰, 타이포그래피 토큰 같은 기반 요소를 배우면 사용자 정의 CSS의 필요성을 줄이고, 구현을 가속화하며, 제품 전반에 걸쳐 일관된 IBM 브랜드 경험을 유지하는 데 도움을 주고, 향후 업그레이드를 더 쉽게 만듭니다.

설치와 설정 (Installation and setup)

원하는 프레임워크 설치하기 (Install your framework of choice)

Carbon 디자인 시스템은 React와 Web Components에 대한 공식 지원으로 구축됩니다. Angular, vanilla JS, Vue, Svelte, Lightning Web Components 같은 다른 프레임워크에는 커뮤니티 지원이 존재합니다. 시작에 필요한 모든 정보는 Frameworks로 이동하세요.

개발자 리소스 확인하기 (Check out our developer resources)

개발자 리소스에서 Carbon 도구와 원하는 프레임워크의 GitHub 저장소, Storybook을 찾을 수 있어요.

추가 가이드 (Additional guidance)

튜토리얼 듣기 (Take a tutorial)

Next.js를 사용하는 React 튜토리얼을 제공하고, Angular와 Vue용 커뮤니티 기여 튜토리얼도 있어요. Carbon 디자인 시스템으로 앱 만들기를 안내합니다. Carbon 컴포넌트 사용법의 세부를 가르치고, 그 과정에서 웹 개발 모범 사례를 소개합니다.

우리와 연결하기 (Connect with us)

우리와 Carbon 커뮤니티에 함께하세요

내부 IBM 전용: 프레임워크나 도구의 어떤 측면에 대한 질문이 있다면 Slack에서 우리에게 연락해 동료 개발자와 연결하는 방법으로 사용하세요. 누군가 당신과 비슷한 질문을 했고 도와줄 가능성이 높아요.

  • #carbon-design-system
  • #carbon-react
  • #carbon-web-components
  • #carbon-charts
  • #carbon-tutorial
  • #carbon-ng (커뮤니티)
  • #carbon-vue (커뮤니티)

그리고 #carbon-announcements에서 최신 Carbon 소식을 꼭 구독하세요.

우리가 하는 일 알아보기 (Learn about what we’re doing)

Carbon의 최신 변경 사항과 향후 계획은 Releases 페이지에서 확인할 수 있습니다.

질문이 있다면 contact us를 통해 연락하는 모든 방법이 여기 있어요.

혜택 알아보기 (Learn about the benefits)

개발자로서 Carbon 사용의 혜택과 Carbon이 제품 팀의 모든 구성원에게 주는 이점에 대해 더 알아보세요.

더 알아보기 (Learn more)

Carbon 개발 시작은 생태계 이해와 프레임워크 선택으로 출발해요. React와 Web Components는 공식 지원되고, 나머지는 커뮤니티 지원입니다. 프레임워크를 고르고 설치한 뒤 개발자 리소스와 튜토리얼을 활용하고, Slack과 Releases 페이지로 커뮤니티에 연결하면 됩니다. IBM 디자인 언어의 그리드·토큰 기반을 배우는 것도 구현을 빠르게 하는 데 도움이 됩니다.