# snippet
Snippet 과 Component 의 차이
그냥 내가 잘 몰라서 기록.chatGPT가 알려줌스니펫과 컴포넌트는 둘 다 코드의 재사용을 촉진하는 도구이지만, 주로 사용되는 맥락과 용도에서 차이가 있습니다.목적: 주로 작은 코드 조각이나 코드 블록을 나타냅니다. 이는 변수 선언, 반복문, 조건문 등과 같은 작은 코

[VSCommunity] 코드 스니펫(Snippet) 만들기 - 사용자 자동완성 코드
백준을 푸는데위 코드를 항상 작성하기 귀찮아서 사용자 자동완성 코드를 설정하는 방법을 찾아보았다.VSC라고 해서 Visual Studio Code 설정 방법은 잘 나오는데 Community 설정 방법은 정리해둔 사람이 별로 없는 듯... ㅠㅠ그래서 내가 메모해놓기로 했

VScode 초기 셋팅하기
1. 확장도구 ⚙️* LiveServer* 작성한 코드를 웹이서 바로 볼 수 있도록 해주는 확장도구 https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer > ⚙️ indent-rainbow

[VSC] {Snippets} 사용하기
visual studio code tips재사용할 수 있는 소스 코드 조각, 코드 일부분만을 발췌한 것을 가리키는 말이미 VSC(visual studio code)에서 제공하는 snippets가 있다. 확인하러 가기 >(https://code.visualstu
[VSCode] 커스텀 자동완성 만들기 (Snippet)
Vscode로 개발 중 자주 사용하는 함수형 컴포넌트나 변수들이 있다면 Snippet 설정을 통해 생산성을 높일 수 있습니다.vscode 왼쪽 하단 톱니바퀴 버튼을 누른 후 User Snippets를 클릭해줍니다.클릭했다면 중앙 상단에 어떤 언어에 대한 Snippet

Vscode Vue.js snippet 만들기
정말 오랜만에 vue.js 프로젝트를 시작하려는데, init snippet이 맘에 들지 않아 나만의 snippet을 만들고 싶어서 그 과정을 기록합니다vscode 확장 중에서 vue 3 snippets 확장을 기존에 쓰고 있었습니다이 확장은 여러 snippet을 제공해

[React] 리액트 코드 스니펫 자동완성 만들기
들어가며 컴포넌트 만들때 useState와 useEffect 는 90퍼 이상 사용하는거같은데 매번 치기 귀찮단 말이지 .. 🤔 이 확장자를 다운 받으면 코드창에 rsc만 입력하면 알아서 자동완성이 뜨는데 1. 원하는 스니펫을 작성합니다. 2. snippet-
[Snippet] 자주쓰는 Python 코드
GPU 선택 디렉터리가 없으면 생성 2차원 리스트를 1차원으로 변경 현재 날짜 파일명에 추가 파일 경로 연결 Json 내보내기

멋사 TIL (HTML)
HyperText(하이퍼텍스트) : 정해진 순서 없이, 참조를 통해 한 문서에서 다른 문서로 접근할 수 있는 텍스트Markup Language(마크업 언어) : 태그 등을 이용하여 문서나 데이터의 구조를 표시하는 언어HTML은 마크업 언어로 웹 콘텐츠의 의미와 구조를

작은 일은 chatgpt가 copilot보다 잘한다
python과 typescript로 풀스택 개발을 하다보니 시간이 너무 부족하다 그래서 ChatGPT를 적극 활용해보고 있다. 간단한 것 부터 복잡한 것 까지 여러가지 일을 함께 해보고 있는데 간단한 것들은 잘 처리하는 것을 경험하고 있다. 그래서 오늘은 몇 가지 예를

VSCode Snippet 추가하기
직접 타이핑하던 습관들을 고치며 에디터를 쓰는 덕을 좀 보고자 스니펫을 추가 해 보고자 한다. 여러 메서드나 문법들을 자주 쓰고 있지만, 대표적으로 바로 생
VScode 더 잘 써보기 (4) snippet 만들기
6개월 간 본격적으로 개발을 하면서 처음에는 일부러 직접 치면서 익숙해지려고 snippet을 쓰지 않았다. 이제는 snippet을 써도 괜찮을 것 같아서 연말에 쉬는 동안 적절한 snippet을 찾아보았다. snippet 관련 extension이 여러 개 있지만 설