꾸숑의 IT 월드

replit에는 50개가 넘는 템플릿이 제공되지만 JS는 어떻게 실행할 수 있는지 알기가 어렵다. 한번 알기만 하면 쉽지만 처음 그 방법을 알기까지 꽤 많은 시행착오와 시간을 들여야 한다. 이번 포스트에서 그 시간을 아껴보자. https://replit.com/~에 접속해서 회원가입 하고 로그인 한다. 초기 화면이 열리면 '+' 표시가 있는 아이콘 중 아무것이나 클릭한다. 'Create a Repl' 창이 열리면 'HTML, CSS, JS' 부분을 클릭한다. Title부에 적당한 제목을 입력하고 엔터를 누르거나 '+ Create Repl' 버튼을 클릭한다. 'index.html, style.css, script.js' 파일이 있는데 'script.js' 파일이 JS 코드를 입력할 수 있는 파일이다. 'i..

일반 컴퓨터에서 리액트를 시작하기 위해서는 여러가지 인스톨하고 환경설정하고 등등 해야 할 것 들이 많다. 그러나 replit을 사용하면 인터넷 상에서 바로 리액트를 이용할 수 있어 아주 좋다. 인터넷에서 리액트를 사용하는 방법을 알아보자. 먼저 https://replit.com/~에 접속해서 회원가입 하고 로그인한다. 초기 화면에서 '+'가 보이는 아이콘중 아무것이나 클릭하면 시작한다. 3개의 '+ '아이콘중 아무것이나 눌러도 똑 같다. Create a Repl 창이 뜨면 검색창에 react를 입력하자. replit에서 제공하는 template이 50개가 넘으므로 스크롤을 내려서 찾기가 쉽지않다. React Javascript를 클릭한다. Title에 적당한 이름을 주고 엔터를 누르거나 아래 '+ Cre..

이번 시간에는 거의 모든 언어의 IDE로 불리는 Replit에 대해 소개하겠다. Replit은 50개의 언어와 78개 Templates에 대한 IDE를 제공한다. https://replit.com/ 에 들어가 보자. Replit의 메인 페이지다. 좌측 상단의 "+ Create Replit"을 클릭하거나 화면 중앙에 나오는 "+" 아이콘을 클릭한다. 팝업 창이 뜨는데 여기서 좌측 부분의 스크롤을 내려 보면 50개의 언어와 78개의 Templates이 나열된다. 아마 알고 있는 대부분의 언어가 있을 것이다. 그중 하나를 선택하고 "+Create Replit"를 클릭한다. 제목을 입력하고 "+Create Replit"를 다시 클릭한다. 필자는 파이썬을 선택했는데 간단한 프린트 문을 작성하고 상단의 "Run" ..