일상,잡다

티스토리 안에서, 소스코드 실행하기

민또배기 2023. 3. 9. 09:34
반응형

저의 티스토리 블로그는 개발 블로그?이기 때문에 그래도 이 안에서 소스코드가 동작되면 좋겠다고 생각했습니다.

찾아보니 Trinket이라는 게 있더군요

 

https://trinket.io/

 

Trinket

Trinket Premium Plans Designed with individual learners and educators in mind, premium plans offer more power and convenience. View Premium Plans Free Support for Educators Educators are a key part of our mission. We offer free support to all verified educ

trinket.io

홈페이지로 들어가서 간단히 회원가입을 해줍니다.

저는 만능의 구글 로그인을 하였습니다.

 

다음으로 위 사진처럼 원하시는 언어를 선택합니다. 

저기 열쇠모양은 비공개된 상태를 나타냅니다. 즉, 액세스 권한이 있어야만 볼 수 있는 것이라고 합니다.

 

그러면 이제 소스코드를 입력할 수 있는 에디터 창이 나오게 됩니다.

(모든 시작은 헬로우 부터...)

 

 

작성을 완료 했으면 Save를 합니다.

그러면 Share가 나타나는데 여기서 Embed를 눌러 줍니다.

 

위 주소를 복사해서 티스토리 글 작성으로 들어갑니다.

오른쪽 위에 보면 기본모드라고 쓰여 있는데, HTML로 바꿔 줍니다.

그 다음 trnket에서 복사한 내용을 붙여넣기 합니다.(그냥 제일 아래에 하세요)

 

 

이전에 JSFiddle로도 해봤는데, 거기는 jsscript만 동작되서 다른 것을 찾다가 발견하게 되었습니다.

반응형