끄적이는 개발노트

이번 포스트에서는 Docker에서 생성한 Container를 Visual Stuido Code에 연결하는 방법에 대해 알아본다. 1. 확장 프로그램 설치 VS Code에서 확장프로그램 탭을 선택한 후, Remote - Containers를 설치한다. 2. Docker Container 실행 원하는 도커의 컨테이너를 실행한다. $> sudo docker start test 3. Visual Studio Code에서 remote 접속 f1을 클릭하여 나타나는 창에 'Remote-Containers: Attach to Running Container...' 를 선택한다. 그러면 컨테이너 리스트가 나타나고 방금 실행시킨 컨테이너를 선택한다. 이제 Docker에서 생성한 Container를 VS Code를 통해 ..

코딩을 하다보면 깔끔하고 보기 좋게 만드는데 어려움과 귀찮음을 한번씩은 느껴봤을 것이다. Visual Stuido Code에서 이러한 번거로움을 해결해주는 방법이 Prettier로, 정해진 코딩 스타일을 따르도록 변환해주는 Code Formatter 이다. 이미 개발자들 사이에서는 굉장히 유명하지만 뒤늦게 알게되어 적용한 후, 사용법을 정리한다. 1. Visual Stuido Code 확장 프로그램 설치 - Prettier 검색창에 prettier로 검색한다. 2. 설정 변경 default formatter 검색 기본 포맷터를 prettier로 설정한다. editor format on save 검색 저장 시 서식이 변경되게 설정한다.(체크 o) json 검색 Launch의 setting.json에서 편집..

Visual Stuido Code는 개발자들이 가장 많이 사용하는 개발툴로 유용한 기능들이 많이 존재한다. 기본적으로는 로컬 서버에서 가능하게 해주는 것이지만, 몇가지 설정을 통해 원격 서버에 접속하여 개발이 가능하다. 이번 포스트에서는 그 방법을 알아본다. 1. Visual Studio Code 설치 https://code.visualstudio.com/ Visual Studio Code - Code Editing. Redefined Visual Studio Code is a code editor redefined and optimized for building and debugging modern web and cloud applications. Visual Studio Code is free and..

대다수의 개발자가 프로그램 개발툴로 Visual Studio Code를 사용한다. 하지만, 이번 포스트에서는 가장 간단한 방법인 한 인스턴스에서 개발을 진행가능하게 해주는 Cloud9을 소개한다. Cloud9은 오프 소스 기반의 온라인 통합 개발 환경으로 쉽게 말해 웹브라우저에서 동작하는 IDE 툴이다. 현재 AWS에서 Cloud9을 서비스하고 있지만 직접 설치하여 사용할 수도 있다. 1. Cloud9 다운로드 Cloud9은 git을 통해 배포되고 있어 git clone을 통해 다운로드한다. $> git clone https://github.com/c9/core.git cloud9 Cloud9 디렉토리로 소스코드가 다운로드되었다. 2. Cloud9 설치 cloud9/scripts로 이동하여 설치 스크립트..