Posts made by Hak

안녕하세요. STUDNET 플랜으로 IDE를 사용 중입니다.

현재 하나의 컨테이너에서 react 기반의 gatsbyjs 프로젝트를 구현 중입니다.
code-server를 이용하여 개발하고 있는데, 아래와 같이 code-server의 기본 메모리 점유율이 30% 정도 됩니다.

여기서 gatsby develop 또는 gatsby build 명령어를 실행하면 메모리 및 CPU 점유율이 100%에 육박하면서 code-server가 죽어버립니다.

code-server 뿐만 아니라 IDE 자체가 멈추어.. 컨테이너 재시작을 해야 하는 상황이 벌어집니다. (빌드는 끝나지 않았으나, CPU 점유는 10%대로 내려갔습니다.)

code-server를 사용하지 않고 IDE 자체 터미널을 이용해 빌드하였을 때의 모습입니다.

빌드 속도 및 메모리 사용에 있어 무리가 없는 듯 합니다. 리액트 개발을 위해서는 실시간으로 빌드가 되어야하는데, code-server을 거의 이용하지 못할 정도의 성능이 나옵니다.

그렇다고 구름 에디터를 쓰기에는 typescript 등의 자동완성 기능을 모두 이용하지 못하여 아쉽습니다. 이를 해결하는 방법이 플랜 업그레이드밖에 없는지.. 문의드립니다.

안녕하세요.

포트 3000번으로 서버를 구동한다고 가정하였을 때,
상단 메뉴 [프로젝트] > [실행 URL과 포트] 에서 PORT를 3000으로 설정하고 URL을 등록하면 해당 링크에서 서버 동작을 확인하실 수 있습니다.

또한, 127.0.0.1, localhost 사용은 불가한 것으로 알고 있는데, 호스트를 0.0.0.0으로 실행하시면 될 것입니다.

Host 설정
node.js express

조금 더 괜찮은 방법이 있어 알려드립니다.

상단메뉴 [프로젝트] > [실행 URL과 포트] 에서 PORT를 23000으로 설정하고 URL을 등록하면 해당 링크에서 vscode 접속이 가능합니다.

안녕하세요. 저와 같은 증상을 겪고 계셔서 임시방편으로 제가 사용 중인 방법을 알려드립니다

Goorm IDE에서는 vscode를 iframe이라는 방법으로 표시합니다. 즉, 웹 내부에서 다른 웹 페이지를 표시하는 것입니다. ide에서 클립보드 요청을 허용하였어도, 내부 웹의 권한은 허용되지 않아 클립보드가 동작하지 않습니다.

F12를 이용해 찾은 workspace 부분입니다. 포커싱 되어있는 iframe의 src 부분에 해당하는 링크를 이용하면 아래와 같은 링크를 만들 수 있습니다.

https://ide-run.goorm.io/[src]

해당 링크는 iframe 내부의 웹이기 때문에 클립보드 권한을 줄 수 있으며, 일반적인 code-server와 동일하게 사용할 수 있습니다.

추가로, 확인 결과, 해당 부분은 빠른 시간 내 수정 예정이니 참고 부탁 드립니다. 라는 답변을 받았으니 조만간 수정되지 않을까 싶습니다.