코드펜
-
코드펜 (Codepen) 자동완성 기능컴퓨터 알아가기/알아두면 편한 팁 2022. 9. 14. 19:30
기본적으로 코딩에디터는 VS Code를 사용합니다만 가끔 간단히 웹에서 확인하고자 하는 경우 코드펜을 이용하는 편입니다만 어느순간 이렇게 많은 사람들이 사용하는 프로그램이면 분명 자동완성 기능이 있을것이다라고 생각하고 여기저기 확인을 해 보았습니다. 혹시 도움이 될 수 있기에 정리를 해보고자 합니다. 1. 코드펜 로그인 후 설정으로 이동 참고로 코드펜 주소를 링크합니다. https://codepen.io/ CodePen An online code editor, learning environment, and community for front-end web development using HTML, CSS and JavaScript code snippets, projects, and web applicat..
-
티스토리 블로그에 코드 실행결과 적용 (Codepen 이용)컴퓨터 알아가기/알아두면 편한 팁 2022. 8. 25. 19:30
이제 티스토리 블로그에 단순한 코드를 붙혀 넣는 것보다 실행 결과도 같이 볼 수 있으면 좋을 듯 합니다. 직접적으로 블로그에 코딩을 하거나 다른 방법을 이용하여 만들어 볼 수는 있지만 손쉽게 할 수 있는 Codepen을 이용하여 간단히 확인할 수 있는 방법이 있어 정리해 보고자 합니다. 우선 코드펜(Codepen)은 워낙 유명한 사이트라 별도로 다루지는 않지만 간단히 말해 클라우드상 다양한 컴퓨터 언어를 지원하여 쉽게 작업하고 저장하고 실행할 수 있으며 좋은 자료들은 공유도 하는 사이트입니다. 기본적인 회원가입이 필요는 하겠죠. 우선 간단한 HTML CSS JavaScript 를 이용해 보고 이 내용을 티스토리 블로그에 삽입하는 방법을 주제로 글을 정리하도록 하겠습니다. 1. 코드펜(Code Pen)에 ..