Tools3 [VSCode] 나만의 code snippet 만들기 코딩자바스크립트로 코딩테스트 문제를 풀다보면 우선순위 큐와 같은 자료구조가 필요한 경우가 있다. 이때마다 작성해둔 코드를 매번 작성하거나 어딘가에서 복사 붙여넣기 하기란 여간 귀찮은 일이 아닌데, VSCode의 snippet 기능을 사용하면 훨씬 간편하게 작성해둔 코드를 가져다 사용할 수 있다. snippet을 작성하기 위해서는 '파일 탭 -> 기본 설정 -> 사용자 코드 조각 구성'으로 이동한 뒤 원하는 언어를 선택한다. 이제 아래와 같이 json 형식으로 미리 작성해두고자 하는 코드와 키워드를 입력하면 된다. [name]: snippet의 이름으로, description이 없을 때 설명으로 보여진다. prefix: 자동완성 키워드이다. 배열 형식으로 2개 이상의 값을 지정하는 것도 가능하다. body.. 2023. 1. 19. Prettier, ESlint 자동화하기(feat. Husky, lint-staged) 프로젝트에 Prettier, ESlint 적용하기 Prettier, ESlint 꼭 써야돼? 사용해보지 않은 사람이 있다면 꼭 사용해보길 추천한다. 사실 나도 이러한 도구들이 프로그래밍에 있어 그렇게 중요한 요소는 아니라고 생각했기 때문에 여지껏 잘 사 seukjjang.tistory.com 이전 포스팅에서 Prettier와 ESlint를 적용하는 방법을 알아보았다. 이제 나만의 프로젝트에서 벗어나 협업 프로젝트에서도 적용해 보자. 팀원들끼리 정책을 정하고, 앞서 공부한 방법을 따라 순조롭게 설치 및 설정까지 한다. 그러나 프로젝트가 진행되며 사소하지만 불편한 점이 계속 생길 것이다. 불편함은 주로 lint를 적용하지 않고(고의든 아니든) 코드를 작성한 뒤 원격 저장소에 올리는 팀원 때문에 발생한다. 코.. 2022. 1. 5. 프로젝트에 Prettier, ESlint 적용하기 Prettier, ESlint 꼭 써야돼? 사용해보지 않은 사람이 있다면 꼭 사용해보길 추천한다. 사실 나도 이러한 도구들이 프로그래밍에 있어 그렇게 중요한 요소는 아니라고 생각했기 때문에 여지껏 잘 사용하지 않았다. Prettier는 종종 사용하기도 하였지만, ESLint의 경우 한번 사용해본 후 설정에 귀찮음을 느껴 이후 다시는 사용하지 않았다. 하지만 지난 프로젝트를 다른 개발자 분과 협업하며 사용해보고 그 중요성과 이점을 똑똑히 알게 되었다. 이들을 사용함으로써 얻는 효과는 단순히 예뻐보이는 것, 편리한 것이 전부가 아니다. 개발자들은 정해진 규칙에 따라 일관된 방식으로 코드를 작성하도록 강제되기 때문에 서로 간의 코드를 더 쉽게 알아볼 수 있게 된다. 향상된 가독성은 유지보수는 물론 디버깅에도 .. 2022. 1. 2. 이전 1 다음
