라벨이 업무 관련 툴인 게시물 표시

VS Code

이미지
제가 웹이나 모바일 개발, README 작성 시 자주 사용하는 VS Code에 대해 기술합니다. 대부분의 확장자를 지원하기에 소스 분석에도 용이하므로 텍스트 에디터가 필요하시다면 설치 후 사용해보시기 바랍니다! 1. 프로그램 설치 및 실행하기 1) VS Code란? VS Code(Visual Studio Code)는 마이크로소프트에서 오픈소스로 개발한 텍스트 에디터입니다. 일렉트론 프레임워크를 기반으로 만들어졌고, MS의 개발툴 중 최초로 크로스플랫폼을 지원하는 에디터로써 윈도우, Mac, 리눅스 모두 지원합니다. 2) VS Code 설치하기 VS Code는 공식 사이트 에서 다운로드 받을 수 있습니다. 설치파일을 실행하여 설치를 진행하다보면 추가작업 선택이 나오는데 이때는 개인의 작업환경에 맞게 선택하면 됩니다. 참고로 "Code(으)로 열기" 항목은 체크하시는 걸 추천합니다.  이 항목을 체크해야 아래와 같이 파일을 VS Code로 바로 열 수 있습니다. 3) 마켓 플레이스 활용하기 VS Code는 텍스트 에디터이기에 추가로 필요한 기능은 마켓 플레이스에서 다운로드해서 사용합니다. 2. VS Code 기본 환경 구성하기 1) 언어 변경하기 ① VS Code 상단 메뉴에서 View→Command Palette 선택(단축키 : Ctrl + Shift + P ) ② 검색창에 cdl 입력 (CDL, Configure Display Language) ③ 원하는 언어 선택 2) 테마 변경하기 ① VS Code 상단 메뉴에서 View→Command Palette 선택(단축키 : Ctrl + Shift + P ) ② 검색창에 Preference: Color Theme 선택 ③ 원하는 색상 선택 3. 주요 단축키 1) 주석 관련 - 한 줄(Line) 주석 토글하기 Ctrl + / - 한 줄에도 적용가능하지만 여러 줄에도 사용 가능하다. (블록이 아닌 한 줄 주석이 여러 줄에 적용됨) 2) 들여쓰기 간격 설정 -  Ctrl + Shift + P  누...

Fidller

Fidller는 컴퓨터와 웹 서버 또는 서버 간의 HTTP 및 HTTPS 트래픽을 기록, 검사 및 변경하는 데 사용되는 디버킹 프록시 서버 도구입니다. 클라이언트 PC에서 서버로 요청한 내역 및 결과 데이터를 모두 확인할 수 있기에 개발 및 유지보수를 진행하는데 유용하다고 봅니다. 1. Fiddler 설치 1)  https://www.telerik.com/fiddler 사이트 접속 후 Download Free tral 버튼 클릭 후 Fiddler Classic 을 선택합니다. 2) 필수 입력항목을 입력하고 Download for Windows를 클릭하면 설치파일을 다운받을 수 있습니다. 3) 설치파일로 설치를 진행합니다. 4) Fiddler를 실행하면 클라이언트 서버간 통신내역을 확인할 수 있습니다.