![]()
최근에 알게된 VSCode의 extension인데 Nextjs를 사용한다면 무조건 사용하는걸 추천한다.Nextjs Snippets는 Next.js에서 자주 만드는 것을 예약어로 만들어 놓은 모음한 익스텐션이다.가장 많이 사용할거 같은 snippets들naf: 화살표함수 기반 함수형 컴포넌트 생성nafe: export default 기반 화살표 함수형 컴포넌트 생성napage : 기본 함수형 컴포넌트 생성하기natemplate: 자식요소 포함한 함수형 컴포넌트 생성하기사용법snippet “nafe” 입력하고 enter바로 페이지 컴포넌트가 생성된다.💡아래내용은 설명에 있는 부분은 typescript 만남기고 다 삭제한 것이다. 만약 javascript 홀로 존재했으면 남겨놨다. App Directory ..
vscode snippet 당신의 시간을 소중히 해주는 snippet 사용하기1. snippets 설정 접근하기접근방법 1. cmd + shift + p 를 통해 아래와 같이 snippets에 들어가기접근방법 2. code - preferences - configure user snippets 로도 접근 가능2. 설정할 언어 입력필자는 typescriptreact.json 을 사용하므로 typescriptreact.json에 내용을 작성을 했다.3. 자신만의 커스텀 스니펫 작성snippet-generator.app/ 에서 간단하게 작성 가능하다.${TM_FILENAME_BASE}은 생성된 해당 파일의 이름이다.Description은 스니펫을 간단하게 설명하는 부분Tab trigger는 스니펫을 불러온 단..
