var lesson = {
	files: [
		{
			name: "main",
			content: "import { render } from 'solid-js/web';\n\nfunction HelloWorld() {\n  return <div>Hello World!</div>;\n}\n\nrender(() => <HelloWorld />, document.getElementById('app'))\n"
		}
	]
};
var solved = {
	files: [
		{
			name: "main",
			content: "import { render } from 'solid-js/web';\n\nfunction HelloWorld() {\n  return <div>Hello Solid World!</div>;\n}\n\nrender(() => <HelloWorld />, document.getElementById('app'))\n"
		}
	]
};
var markdown = "# 소개\n\nSolid 튜토리얼에 오신 것을 환영합니다! 이 튜토리얼은 Solid의 주요 기능들에 대해서 안내합니다. Solid의 작동 방식에 대해서 자세히 알고 싶다면 API와 가이드 문서를 참고하세요.\n\n# Solid 란?\nSolid는 인터랙티브 웹 애플리케이션을 만들기 위한 자바스크립트 프레임워크입니다.\nSolid를 사용하면 기존 HTML 및 자바스크립트 지식을 사용해 앱 전체에서 재사용 가능한 컴포넌트를 빌드할 수 있습니다.\nSolid는 _반응성_(사용자 인터페이스와 데이터를 연결하는 선언적 자바스크립트 코드)을 사용해 컴포넌트를 향상시킬 수 있는 도구를 제공합니다.\n\n# Solid 앱 구조\n\nSolid 앱은 컴포넌트라 부르는 함수로 구성됩니다. 오른쪽 `HelloWorld` 함수를 살펴보세요: 바로 `div`를 반환합니다! 이런 HTML과 자바스크립트를 섞은 문법을 JSX라고 합니다. Solid는 나중에 이러한 태그들을 DOM 노드로 변환하는 컴파일러와 함께 제공됩니다.\n\nJSX를 사용하면 앱에서 대부분의 HTML 엘리먼트를 사용할 수 있지만, 새 엘리먼트를 만들 수도 있습니다. `HelloWorld` 함수를 선언하면, 앱 전체에서 `<HelloWorld>` 태그로 사용할 수 있습니다.\n\n모든 Solid 앱의 진입점은 `render` 함수입니다. 애플리케이션 코드를 래핑하는 함수와 마운트할 대상 HTML 엘리먼트, 이렇게 2개의 인자를 필요로 합니다:\n```jsx\nrender(() => <HelloWorld />, document.getElementById('app'))\n```\n\n# 이 튜토리얼 활용하기\n\n튜토리얼의 각 레슨에서는 Solid 기능과 이를 사용해 볼 수 있는 시나리오를 제공합니다. 언제든지 \"해답\" 버튼을 클릭하여 솔루션을 확인하거나 \"초기화\"를 클릭하여 다시 시작할 수 있습니다. 코드 에디터 자체에는 콘솔과 컴파일된 코드를 확인할 수 있는 \"Output\" 탭이 있습니다. Solid가 어떻게 코드를 생성하는지 궁금하다면 이 곳을 확인하세요.\n\n즐거운 시간 보내세요!\n";
var introduction_basics = {
	lesson: lesson,
	solved: solved,
	markdown: markdown
};

export { introduction_basics as default, lesson, markdown, solved };
