프로젝트를 시작하면서 코드가 점점 쌓여가는데,
그때마다 서버를 실행시키면서 확인을 해보기에는 내 코드가 너무 헤비하고..
그 무거운 코드 실행해가면서 확인하기엔 방금 짠 코드는 너무 쁘띠하기 때문에..
간단하게 작성한 코드를 그때 그때 확인 해볼 수 있는게 없나 찾아보던 중 발견한 것!
1. RunJS
아주 간단하게 내가 쓰는 모든 코드를 실시간으로 확인 해볼 수 있는 프로그램이다!
이런 느낌이라고 보면 된다!
근데 사실 변수명만 쓰더라도 알아서 노출이 되기 때문에
나중엔 console.log()자체를 쓰지 않게 된다..ㅋㅋ
2. Codepen
웹에서 쓸 수 있는 코드 연습장이라고 생각하면 된다!
이렇게 3가지 창에서 각각의 코드를 같이 쓸수도 있다보니
자바스크립트 프론트 개발자들이 주로 쓰는 사이트 이기도 하다!
그리고 여기서부터는 앞서 소개해드렸던 dbdiagram(https://dbdiagram.io)와 같이
작성한 코드를 저장한 후 링크로 공유도 가능하니
단순 코드를 주는것도 가능하지만 그때에는 슬랙이나 카톡등 메신저를 써야하니
조금 더 깔끔하게 공유가 가능하다!
3. Codesandbox
codepen과 비슷한 사이트이고 기능도 비슷하다!
다만 인터페이스가 vscode와 유사해서 vscode로 코딩을 하고 있다면 좀 더 익숙한 느낌?
파일 개념도 사용하면서 경로도 지정할 수 있기 때문에
codepen의 상위 개념이라고 할 수 있을 것 같다!
그리고 깃헙에 연동도 된다!(이 경우엔 소셜 로그인시 깃헙 계정으로 로그인 해주면 된다)
그리고 다양한 라이브러리도 지원되니 더더욱 좋을듯!
(자바스크립트 기반의 넥스트, 리액트, 노드 등등)
++
발돋움 중인 예비 개발자 입니다.
태클 및 의견 공유 언제나 환영 :D
