WWWEB/TOOLS14 svg path코드 해석해보기 border 애니메이션을 주기 위해서 일러스트에서 path작업하고 export를 하고 나서스크립트로 요것들을 좀 변경해주려고 보니 내가 만들었지만 코드가 너무 복잡함 숫자만 보면 울렁이면서 가슴만 부여잡고 있을 수는 없기에구글링을 좀 해봤더니 아래 사이트를 발견할 수 있었음!! https://github.com/mathieudutour/svg-path-visualizer GitHub - mathieudutour/svg-path-visualizer: Enter a SVG path data to visualize it and discover all its different commandsEnter a SVG path data to visualize it and discover all its differen.. 2024. 12. 26. [포토샵] 단축키 T를 눌렀을 때 툴 자동 변경이 안되게 하는 방법 요약Preferences - Tools로 이동,Spring-loaded Tool Shortcuts 선택 해제. 포토샵 클라우드를 사용하면서 미묘하게 불편한 경우가 몇몇 있었는데, 텍스트 단축키인 T를 눌렀을 때 자동으로 이전 선택 툴로 변경되는 경우가 바로 그것. 단순 오류인가보다 하며 참고 인내하고 버티며 쓰다가 문득 이건 좀 아닌 것 같아 찾아보니 오류가 아니라 ADOBE에서 일부러 만들어 넣어놓은 기능이었던 것... ㄷㄷㄷㄷㄷㄷ 해결 방법은 Preferences에 Tools로 들어가서 저기 Spring-loaded Tool Shortcuts에 선택을 해제하면 끝~ (이렇게 쉬운 것을... = . =;;) 2024. 10. 30. [vscode] 코드 복사-붙여넣기 시 자동으로 태그가 붙지 않게 하는 방법은? 1. "Paste and Indent" 기능 끄기VS Code는 기본적으로 코드를 붙여넣을 때 들여쓰기를 자동으로 적용합니다. 이 기능이 불편하다면, 끌 수 있습니다.Settings(설정)으로 이동합니다.Windows/Linux: Ctrl + ,Mac: Cmd + ,상단의 검색창에 editor.formatOnPaste를 입력하세요.해당 옵션을 비활성화(Unchecked)로 설정합니다.2. Editor Snippet Completion 끄기코드를 붙여넣을 때 자동 완성 기능이 동작하면서 태그 등이 붙는 경우도 있습니다. 이를 끄려면:Settings로 이동합니다.검색창에 editor.suggestOnTriggerCharacters를 입력하세요.이 옵션을 비활성화하세요.3. HTML 및 다른 마크업 언어 관련.. 2024. 9. 13. 크롬 개발자도구 폰트 변경 크롬 업데이트 후에 개발자도구를 실행해보니 폰트들이 이상하게 바껴있어서 보기가 익숙하지가 않아 가독성도 좋지 않음~ 😭 해결방법 주소창에 chrome://settings/fonts 입력 후 고정폭 글꼴을 맘에 드는 글꼴로(ex. Consolas)로 변경하면 끝~ 😏 2024. 5. 17. [vscode] Live Server 포트번호 변경 방법 Live Server를 설치하면 서버 포트가 자동으로 적용되는데, 설정의 settings.json에서 간단하게 사용자가 원하는대로 설정해줄 수 있음. 0. 요약VSCode 설정으로 이동함.검색창에 "Live Server Port" 입력해줌.settings.json에서 편집 클릭."liveServer.settings.port": 0 👈 값 변경 1. 세팅 화면으로 가기 톱니바퀴나 "CTRL + ," 단축어를 통해 설정 화면으로 이동 2. settings.json에서 원하는 포트번호로 변경 검색에서 Live Server Port 입력 후 settings.json 편집 클릭,그리고 liveServer.settings.port 값을 변경하면 간단하게 설정 완료~~ Tip. IP번호 변경 추가로 .. 2024. 4. 30. [일러스트] 아트보드를 오브젝트 사이즈에 딱 맞추는 방법 어도브 일러스트에서 작업한 것을 SVG 코드로 변환할 때가 종종 생기는데, 아트보드를 오브젝트 크기에 딱 맞추는 간단한 방법이 있으니 그것은 바로 Fit to Artwork Bounds Object메뉴에 Artboards메뉴로 가면 바로 찾을 수 있씀~~ ㅎㅎ 끝 ~ 😏 2023. 6. 20. [vscode] css파일에 나오는 단위 힌트 레이어 끄는 방법 vscode에서 css파일을 수정을 하는데, 은근히 저 숫자들을 바꾸는데 자꾸 힌트 레이어가 떠서 뭔가 불편함. 저건 하드코딩으로 바꾸는게 빠른데.... 그래서 저 기능을 꺼보려고 찾아봄~~ 봄~~ 봄~~ 혹시 익스텐션때문인가 싶어 이것저것 disabled 시켜보고, 설정에서 hint를 찾아보기도 했으나 실패 @ ㅁ @a;; (여... 영어가 짧다 ㅠㅠ) 결론은 ① 설정에서 suggest키워드를 검색. ② Suggest: Show Units 에 체크박스를 해제. 끝~ 2023. 6. 13. gude-**.log 파일 생성 버그 언제부터 폴더에 gude-***.log과 같은 파일이 만들어져 있다. 해킹......? ...은 다행히 아니었고, -_- 어도비 커뮤니티에 찾아 들어가보니 현재 버전 오류라고 이미 알고 있어서 고쳐줄거라고 한다. https://community.adobe.com/t5/photoshop-ecosystem-bugs/p-photoshop-gude-log-created-when-working-with-files/idi-p/12878831 + 추가 포토샵 버전 24.2 이후 고쳤다고 함 자동 업데이트를 설정해놓지 않았다면, 포토샵 메뉴에 Help > Updates...를 해보자! https://community.adobe.com/t5/photoshop-ecosystem-bugs/p-photoshop-creates.. 2023. 2. 3. [vscode 테마] Bearded Theme vscode 수많은 테마 중 제가 사용하고 있는 테마가 바로 "Bearded Theme". 그동안 노트패드, 에디트플러스, 어도비 브라켓, 서브라임텍스트, 인텔리J, 이클립스까지... 여러가지 편집 프로그램을 사용하면서 가장 공을 들이는 부분 중 하나가 바로 컬러테마 고르는 일 같은데~ 비주얼스튜디오코드(vscode)를 접하면서 구글에 추천 테마가 뭐 있나 정말 많이 찾아보기도 하고, 무작정 익스텐션 리스트에 있는 테마를 설치해보기도 했는데, 그 중에서 단연 "Bearded Theme"가 꽤 마음에 들어 현재 집과 회사에서 사용하고 있는 중이다. vscode에 Extension이나 마켓플레이스에서 설치 가능하다. "Bearded Theme"를 설치하면 30여개의 테마가 있는데, 개인적으로 컬러들을 잘 뽑.. 2023. 1. 25. 이전1 1 2 다음 728x90 반응형
