개발자 도구/CodeSandbox3

• 

  CodeSandbox와 Github 연동 본 포스팅은 CodeSandbox와 Github 연동하는 방법을 소개합니다. CodeSandbox 버전에 따라 스크린샷이 일치하지 않을 수 있습니다. 개요 CodeSandbox는 웹 브라우저에서 코드를 작성할 수 있는 온라인 컴파일러다. CodeSandbox는 FrontEnd 개발자들이 사용하는 다양한 라이브러리를 제공하며 React, Next, Node와 같은 라이브러리를 로컬 PC에 설치하지 않고 웹 브라우저에서 사용할 수 있다. 그리고 CodeSandbox에서 생성한 프로젝트를 폴더별로 관리할 수 있으며 사용자가 폴더를 추가하거나 제거할 수 있다는 장점이 있다. 로컬 PC에서 React 프로젝트를 생성할 때마다 create-react-app 명령어를 입력하고 dependencies를 설정하는 과정이.. 개발자 도구/CodeSandbox 2022. 12. 26.

• 

  티스토리와 CodeSandBox 연동 CodeSandBox CodeSandBox는온라인 코드 에디터입니다. 사용방법은 이미 포스팅하였으므로 클릭하여 확인부탁드리겠습니다. 연동방법 1. 우측 상단의 Share 클릭 → Embed 클릭 2. 좌측 중앙의 Copy Embed Code 클릭 3. 티스토리에서 HTML모드로 들어갑니다. 4. 복사하였던 내용을 원하는 위치에 붙여 넣기 합니다. 5. 붙여 넣기 후 다시 기본 모드로 돌아와서 추가적으로 작성해야 하는 내용이 있다면, 작성 후 완료하면 됩니다. 아래는 연동 샘플입니다. 6. 크기 조정 방법 HTML모드로 들어가서 width와 height를 입력합니다. Embed의 기능 소개 1. Embed Light Theme : 선택시 배경을 흰색으로 변경합니다. Editor + Preview : 코드와.. 개발자 도구/CodeSandbox 2021. 7. 14.

• 

  CodeSandBox 사용 방법 CodeSandBox CodeSandBox는 온라인 코드 에디터입니다. 이클립스 또는 VSCode 같은 개발 도구를 설치하지 않아도 온라인에서 웹 개발 및 간단한 코드를 작성할 수 있습니다. 단, FrontEnd 개발 및 테스트 한정입니다. 링크 : https://codesandbox.io/dashboard CodeSandbox CodeSandbox is an online editor tailored for web applications. codesandbox.io CodeSandBox에서 지원하는 기능 및 특징 GitHub 연동 심플한 코드 관리 VSCode와 비슷한 UI와 편리한 사용방법 작업한 코드 파일로 다운로드 가능 유료 버전 구매했을 경우 코드 비공개 가능함 CodeSandBox 간단한 사용 .. 개발자 도구/CodeSandbox 2021. 7. 2.