develop
-
code-server와 클라우드로 어디서든 VS Code 실행하기 / GCP VM, code-server v3.8.0develop 2021. 1. 5. 13:10
VS Code anywhere using code-server & Cloud / GCP VM, code-server v3.8.0 Google Cloud Platform(GCP)과 code-server v3.8.0을 사용해 VS Code을 가상머신(VM)으로 어디서든 실행할 수 있도록 만들었습니다. GCP는 무료 서비스가 아닙니다! (GCP 결제에 대하여 - 아래 더보기 참고) 더보기 GCP에 새로 가입하고 결제수단을 등록하면 300$의 크레딧과 함께 90일 무료 체험판 기간을 얻습니다. 이때 유료 계정으로 업그레이드하지 않는다면 결제되지는 않지만 사용 종료 후 데이터가 손실됩니다. 무료 체험판 종료 제공된 크레딧을 모두 사용하거나 90일이 경과하거나 어느 쪽이든 먼저 발생하는 시점에 무료 체험판이 종료됩..
-
초심자를 위한 웹 풀스택 학습 로드맵 / 100% YouTube Contentsdevelop 2020. 12. 31. 19:09
Web full stack study roadmap for beginner / 100% YouTube Contents 아이디어를 혼자서도 빠르게 구현/검증하기 위해 웹개발을 공부하고 있습니다. 직접 학습한 온라인 자료들을 정리합니다. 전부 유튜브 동영상으로 이루어져있습니다. HTML / JS / Node.js / React / React Hooks / GraphQL / Apollo / ... 생활코딩 - WEB1 - HTML & Internet 노마드 코더 - 바닐라 JS로 크롬 앱 만들기 드림코딩 by 엘리 - 자바스크립트 기초 강의(ES5+) 생활코딩 - WEB2 - Node.js : node.js 부분만(APP, JavaScript 강의 제외) 노마드 코더 - ReactJS로 영화 웹 서비스 만들기..
-
clipboard.js를 이용한 Copy 버튼과 Copied! 알림 / HTML, JavaScriptdevelop 2020. 12. 22. 20:53
Copy button & Copied! notification using clipboard.js / HTML, JavaScript 콘텐츠를 만들 때 자주 쓰는 컬러코드(#6FCF97)를 매번 찾아서 입력하기 번거로웠습니다. 편하게 복붙하기위해 티스토리 "스킨 편집 - html 편집"을 활용, Copy 버튼을 구현해봤습니다. 블로그 좌측 상단 메뉴아이콘을 클릭하면 하단에 아래 모양으로 버튼이 있습니다. 버튼을 클릭하면 컬러코드가 클립보드로 복사되며 Copied! 알림을 볼 수 있습니다. clipboard.js clipboard.js 공식 사이트에서 사용방법을 확인할 수 있습니다. clipboard.js는 "클립보드에 복사" 기능을 간편하게 구현할 수 있는 JavaScript package입니다. npm을 ..
-
구름IDE에서 Django Girls Tutorial 웹 서버 접근하기develop 2020. 12. 6. 19:33
구름IDE로 Django Girls Tutorial을 따라치며 배우다 막혔다. 서버를 실행했는데 웹 사이트로 안 열려서 확인이 안 되는 증상이다. Django Girls Tutorial에는 local환경과 Cloud9 사용자를 위한 매뉴얼밖에 없다. 이전에 구름IDE에서 react app을 실행했을 때 비슷한 증상을 겪었으나 구글링 해서 쉽게 해결했다(https -> http). 때문에 자신감 있게 구글링 해봤으나... 몇 번의 시행착오를 거쳐 해결했으며 나와 비슷하게 고통받고 있을 구름IDE + Django Girls Tutorial 학습자에게 내가 찾은 방법을 공유한다. 상황 1. Django Girls Tutorial 한국어 사이트를 따라쳤다. ( https://tutorial.djangogirls..