web sprit

피그마 MCP를 설치하는 방법은 몇가지가 있지만,피그마에서 공식적으로 MCP를 제공해주게 되어 아무래도 이 방법이 좋을꺼 같습니다.뭐 적용방법이 쉽기도 합니다.피그마가 설치 되거나 사용한다는 전제하에 설명 드리도록 하겠습니다.1. bunx 또는 bun 설치 및 실행터미널에서 아래와 같은 명령어를 실행해 줍니다.bunx cursor-talk-to-figma-socket만약 bunx가 설치되어 있지 않다면 위의 명령이 실행되지 않습니다. 그럼 먼저 Bun을 설치합니다. Bun은 npm or npx로 설치해 줍니다.npm install -g bunnpx cursor-talk-to-figma-socket npx cursor-talk-to-figma-socket 명령어를 터미널에 실행하면 막 쌸라쏼라(?) 영어가..

단축키 설정위 이미지 처럼 File > Preferences > Keyboard Shortcuts 으로 클릭하여 들어가 줍니다.또는 단축키 Ctrl + M 을 누르고 다시 Ctrl + S 를 누르면 화면을 확인할 수 있습니다.이곳에서 단축키 변경을 할 수 있는데 너무 많아서 찾기 힘들면 상단에 검색영역(Type to search in keybindings)에서 검색하여 찾을 수 있습니다.단축키를 변경할 부분을 더블클릭하면 키 설정하라고 팝업이 뜨는데 바로 원하는 키를 누르고 엔터를 누르면 저장 됩니다.혹시 누르다 잘못 키를 눌렀다면 ESC를 누르면 다시 취소되니 걱정하실 필요 없겠죠?기본 단축키 모음name단축키비고오른쪽 사이드 바(Secondary Side BarCtrl + LorCtrl + Alt ..

Ctrl + K도움이 필요한 영역에 커서를 표시하고 단축키를 누르면 설명부분에 원하는 내용을 기입하면AI가 코드를 작성해 줍니다.Ctrl + L화면 좌측에 위치해 있으며 선택된 파일 또는 폴더로 선택하여 선택된 영역의 설명이나 코드 관련 내용에 대하여 AI에게 질문이나 도움을 받을 수 있습니다.또한 위 @(골뱅이) 부분을 누르면 열려있는 파일이나 폴더를 선택하여 같이 묶어서 AI에게 질문할 수 있습니다.기타 단축키Ctrl + P파일 탐색Ctrl + Shift + P명령 팔레트Ctrl + Shift + X확장 프로그램

다운로드설치를 위해 아래 사이트에 접속하여 줍니다. Cursor - The AI Code EditorBuilt to make you extraordinarily productive, Cursor is the best way to code with AI.cursor.com 접속하여 윈도우 기준 Download for Windows 버튼을 클릭하여 설치 파일을 다운로드 해주세요~설치다운로드 하면 다음과 같은 설치 파일을 확인하실 수 있습니다.다운로드 받은 기준 1.2.2 버전 이네요. 더블클릭하여 설치화면을 열어 줍니다.위 내용처럼 다음 및 설치 버튼을 눌러 설치를 완료해 주면 됩니다.셋팅cursor를 설치하면 기존 vscode 를 사용하신 사용자는 cursor에서 vscode와 환경설정을 맞출꺼냐고 화면이..

게임영상이나 기타 컴퓨터 화면을 녹화할때 OBS를 이용하여 녹화를 합니다.기존에 MP4로 녹화하여 영상을 편집했는데요.지금은 MKV로 영상을 저장하여 편집하고 있습니다.단점도 있지만 기존의 MP4 보다 장점도 많기 때문에 앞으로는 MKV를 이용하시기 바랍니다.MP4와 비교하여 MKV의 장점과 단점을 정리해드리겠습니다.MP4에 비해 MKV의 장점다양한 코덱 지원: MKV는 거의 모든 비디오 및 오디오 코덱을 지원하여 MP4보다 더 높은 유연성 제공멀티트랙 기능: MKV는 여러 오디오 트랙, 자막, 비디오 트랙을 하나의 파일에 포함할 수 있어 MP4보다 다국어 콘텐츠 관리에 유리고화질 지원: MKV는 더 높은 비트레이트와 해상도를 지원하여 블루레이 수준의 고화질 비디오 저장에 더 적합메타데이터 및 챕터 지원..

위와 같에 index_1.html 파일과 index_2.html 파일 2가지가 있습니다. 다른내용을 비교할 수 있는 방법을 알아보겠습니다. 방법은 2가지가 있습니다. Compare Selected 비교 ① 사이드바 파일 목록에서 첫번째 비교할 파일을 마우스 좌클릭! ② 다음 비교할 파일을 Ctrl + 마우스 좌클릭을 하여 선택한다. ③ 선택된 영역에서 마우스 우클릭! ④ Compare Selected 를 선택하여 파일을 비교. Select for Compare 후 Compare with Selected 선택비교 ① 첫번째 비교할 파일을 마우스 우클릭 후 Select for Compare 선택 ② 다음 비교할 파일을 마우스 우클릭 후 Compare with Selected 선택 파일을 비교합니다.

나와 같은경우 그래픽 탭을 누를경우 작업할 수 있는 화면이 아무것도 안나오게 되는데 이럴 경우 프리미어 상단 탭에서 창 > 작업영역(안나오는 작업영역 선택 후) > 저장된 레이아웃으로 재설정 을 눌러주면 해결된다. 나같은 경우 그래픽 탭을 누르면 화면이 안나오기 때문에 창 > 작업영역(그래픽 선택) > 저장된 레이아웃으로 재설정 을 눌러주어 해결했다.

프레임 이동 방향키만 이동시 1프레임씩 이동. Shift + 방향키 이동시 5프레임씩 이동. 무손실 압축하는 방법 형식 : Quick Time 비디오 코덱에서 앞축되지 않은 YUV 8비트 소스일치 버튼 누른다.

설치 위치 C:\Users(사용자)\user(사용자명)\.vscode\extensions 위 경로에 설치한 익스텐션을 확인할 수 있습니다. 보안이 있는곳에서 외부 익스텐션을 다운받아 설치할 수 없다면 이 경로에서 따로 USB에 저장해 설치한곳에 위 경로로 옮겨주면 이전 익스텐션을 사용할 수 있습니다.

vscode로 작업하다 보면 특정 속성에 마우스를 가져가 수정할하면 툴팁설명이 떠서 화면을 가립니다. 마우스를 다시 밖으로 옮기고 다시 빠르게 가져가 수정할 수는 있지만, 작업 시 정말 짜증이... 설명 툴팁이 안뜨게 하거나, 시간차를 두어 뜨게 하는 방법에 대해 알아보겠습니다. Delay 주기 Settings 에 들어가서 Editor> Hover : Delay를 검색해 줍니다. 아마 기본값이 300ms로 되어 있을겁니다. 0.3초... 저는 1500ms로 변경 해 주었습니다. 정말 쾌적합니다. 설명 툴팁 안뜨게 설정 이 설정은 정말 아예 화면에 안나타게 하는 방법입니다. Settings 에 들어가서 Editor> Hover : Enabled를 검색합니다. 체크가 되어 있는 부분을 풀어줍니다. 체를풀어주..