끄적이는 개발노트

이번 포스트에서는 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..