- Markdown이 사용된 텍스트를 서식을 적용하여 출력하는 작은 서비스.
- 기존에 작성하였던 내용이 있다면, 창을 나갔다 와도 내용이 보존됩니다.
이 곳으로 가시면 됩니다.
- 소스를 다운로드하고, 저장소 폴더 안으로 들어갑니다.
$ git clone https://github.com/2pow4/cadenzah-markdown-preview.git
$ cd cadenzah-markdown-preview- 의존 라이브러리들을 설치합니다.
// `yarn`을 사용해도 됩니다.
$ npm install.jsx코드들을 컴파일합니다.
// 자세한 명령어는 `package.json` 파일을 확인해주세요.
$ npm run buildindex.html파일을 브라우저 상에서 실행합니다.
@babel/core@babel/cli@babel/preset-env@babel/preset-reactwebpackwebpack-cli
Webpack은 우리가 작성한 여러 코드들이 브라우저 측에서 제대로 실행될 수 있도록 각종 모듈 의존성 등을 주입해줍니다. 또한, 자바스크립트 코드가 순수한 자바스크립트 이외의 내용(이미지, jsx 등)을 다룰 수 있도록 해줍니다. webpack.config.js는 Webpack이 실행될 때에 적용되는 설정을 정의하는 파일입니다. 아직 배우지 않았으므로 자세한 설명은 생략하지만, 나중에 Webpack의 사용법을 익힌 뒤에는 직접 설정 파일을 작성해봅시다.
.babelrc는 Babel Transpiler가 실행될 때에 적용되는 설정을 정의하는 파일입니다. 이 프로젝트에서 사용한 설정의 내용은 아래와 같고, Babel이 react의 문법을 이해하고 변환에 적용할 수 있도록 설정하는 것입니다. 자세한 설정 방법은 Babel 공식 문서를 확인해주세요.
{
"presets": ["@babel/preset-env", "@babel/preset-react"]
}