Repl.it
사용하고 있는 컴퓨터 용량에 부담없이 언어를 사용할 수 있는 사이트라고 하면 될까요?
독학이든 교육을 받는 학생이든 처음 공부하는 분들까지 심지어 현재 개발자분들에게도 유용하게 쓰일 수 있을것 같습니다
위에는 이동할 수 있는 url 입니다
뭐라고 하는지 몰랐는데 url 설명에 온라인 코딩 플랫폼이라고 나와있네요
처음 이동하면 바로 볼 수 있는 화면입니다
가운데에 sign up을 눌러 회원가입을 해줍니다
오른쪽상단에 new repl 버튼이 있지만 설마 회워가입없이 가능할까요? 설마..
회원가입은 구글,깃헙,페이스북으로 빠르게 가입할수있고 세개의 계정이 없을 수도 있나?
없으면 유저네임,이메일,비밀번호로 쉽게 가능하네요 하지만 구글로 가입하면 뚝딱!
가입하고 나면 이런 화면이 뜹니다
여러가지 수집하는거 같아요
이름, 실력, 목적, 사용언어를 수집합니다 본인에 맞춰서 눌러주시면 됩니다
이렇게 많은 언어들을 지원하고 있어요 미쳤죠?
처음보는 언어들도 많고 react, Django.. 같은 프레임워크도 지원해주고 있습니다
위에 화면처럼 메인이 나옵니다
커뮤니티가 굉장히 활발합니다 자기가 만든것을 공유도 가능하고 튜토리얼도 있어요
오른쪽상단에 만드는 버튼을 눌러서 새로운 환경을 만들 수 있고
화면 중앙에 선호하는 언어로 설정해 노출되어 있는 버튼을 눌러서 생성도 가능합니다
오른쪽상단 버튼을 누르면 앞에서 선호하는 언어 설정한거 말고도 다른 언어로 환경설정이 가능합니다
r로 먼저 테스를 해볼게요
왼쪽에는 파일들 가운데는 코드를 칠 수 있고 오른쪽은 실행하는 터미널이에요
기존 r스튜디오랑 비슷합니다 가운데 상단에 run버튼으로 실행합니다
자바스크림트 프레임워크인 리액트도 테스트 해볼게요 가운데에 깃헙 주소는 기존에 있는것을 적는거 같아요
그러니까 기존 깃허브에 올린 저장소를 가져올수있는건가봐요
create-react-app 으로 만든것 처럼 똑같지는 않지만 비슷하게 구현되어있습니다
오히려 더 깔끔한 느낌이 들어요 여기서 run 버튼을 눌러 실행해봤는데 당연히! 느릴 수 밖에 없지만 느리다고 생각이 들었어요
터미널에 정상적으로 서버가 실행된다고 나오고 그 위에서 웹페이지를 확인할 수 있습니다
한번 서버를 실행하면 코드를 수정할때마다 바로 업데이트가 되기때문에 처음 서버실행만 기다린다면 리액트를 돌리기위해 node.js를 다운받고 create-react-app을 다운 받을 필요가 없이 repl.it만 있으면 아니 회원가입을 하면 빠르게 코드수정이 가능합니다
react 뿐만 아니라 모든 언어를 개발환경 설치 없이 간단하게 사용 할 수있는 repl.it
활용도가 높네요ㅎㅎ 끝
'꿀팁 > 유용한사이트's' 카테고리의 다른 글
퀄리티 좋은 아이콘 다운로드 :) 아이콘 무료 다운로드 사이트 (0) | 2019.01.25 |
---|---|
ICO 파일변환 | 아이콘 파일변환하는 사이트 (0) | 2019.01.23 |