케빈의 기술블로그

VS Code에서 TypeScript와 Next.js를 함께 사용하기 위한 환경을 설정하는 방법을 단계별로 알아보겠습니다. 🚀1. Next.js 프로젝트 생성먼저, 터미널에서 다음 명령어를 실행하여 TypeScript를 사용하는 Next.js 프로젝트를 생성합니다:npx create-next-app@latest my-nextjs-app --typescript프로젝트 생성 중 나타나는 질문들에 적절히 답변해주세요.2. VS Code 설정생성된 프로젝트 폴더를 VS Code로 엽니다:cd my-nextjs-appcode .VS Code에서 다음 확장 프로그램들을 설치합니다:ESLintPrettier - Code formatterTypeScript TSLint Plugin3. TypeScript 설정tsco..

안녕하세요, 디자이너 여러분! 오늘은 Figma에서 사용할 수 있는 아주 유용한 플러그인, 'Google Sheets Sync'에 대해 알아보겠습니다. 이 플러그인을 사용하면 구글 스프레드시트의 데이터를 Figma 디자인에 쉽게 연동할 수 있어요. 특히 대량의 데이터를 다룰 때 정말 큰 도움이 됩니다!1. 플러그인 설치하기먼저, Figma에서 Google Sheets Sync 플러그인을 설치해야 합니다.Figma 커뮤니티에서 'Google Sheets Sync'를 검색합니다.플러그인을 찾으면 'Install' 버튼을 클릭하세요.💡 개인적인 의견: 이 플러그인은 정말 게임 체인저예요! 특히 여러 페이지의 프로토타입을 만들 때 시간을 엄청나게 절약할 수 있습니다.2. 구글 스프레드시트 준비하기이제 Figm..

윈도우와 맥 사용자들이 서로의 시스템을 사용할 때 가장 혼란스러워하는 부분 중 하나가 바로 키보드 단축키입니다. 두 운영 체제는 비슷한 기능을 제공하지만, 사용하는 키가 조금씩 다릅니다. 이 글에서는 가장 많이 사용되는 단축키들을 비교해보겠습니다.기본 단축키 비교기능윈도우맥복사Ctrl + CCommand + C붙여넣기Ctrl + VCommand + V잘라내기Ctrl + XCommand + X실행 취소Ctrl + ZCommand + Z다시 실행Ctrl + YCommand + Y모두 선택Ctrl + ACommand + A저장Ctrl + SCommand + S찾기Ctrl + FCommand + F시스템 단축키기능윈도우맥앱 전환Alt + TabCommand + Tab창 닫기Alt + F4Command + W앱 ..