반응형 ETC4 크롬에서 개발자도구 분리하기 크롬에서 개발자도구를 사용하다가 환경이 바뀌어서 원래 쓰던 모양과 달라졌는데 설정부분이 눈에 확 띄지 않아 어렵다. 개발자도구 창을 분리하는 방법을 알아보려고 한다. . 개발자 도구 분리하기 혹자는 위와 같이 결합되어 있는 형태가 개인적으로 답답하게 느껴져서 분리를 하고 듀얼모니터에서 보는 형태로 작업을 주로 한다. 위 화면에서 세로로 된 ...을 클릭하면 위처럼 메뉴가 내려오고 Dock side 부분에서 첫번쨰 창 두개가 포개져있는 아이콘을 누르면 창 분리가 되고 개발자 도구 창을 별도로 사용 가능하게 된다. 자주 건드릴일 없는 부분이긴 하지만 그렇기 때문에 더 생각이 안나는 곳이기도 하다. 2023. 8. 17. Figma ON/OFF 컴포넌트 만들기 Figma를 사용하면 커뮤니티에 다양한 컴포넌트들이 올라와있다. 사용해보면서 컴포넌트 하나를 가져다 놓고 디자인을 선택해서 모양을 바꾸는 기능을 한번쯤은 접해봤을 것이다. 그런 컴포넌트를 직접 만드려면 어떻게 해야하는지 알아보겠습니다. 컴포넌트 Variants 목차 1. 예시 2. 만드는 방법 3. 총평 추천글 위의 목차를 클릭하면 해당 글로 자동 이동 합니다. 예시 컴포넌트 예시이다. 아래처럼 컴포넌트명 하나에 여러개의 컴포넌트 들이 들어있고 Property 항목을 선택하여 내부 컴포넌트를 골라서 선택하면 해당되는 컴포넌트로 바꿔 사용할 수 있다. 만드는 방법 순서는 간단하다. 컴포넌트로 엮을 것들을 제작한다 같이 선택한 후 Design탭의 Components항목에서 Combine as variants.. 2023. 8. 11. Figma UI/UX 저작툴 소개 피그마란? 웹 기반 UX/UI 디자인 및 프로토타이핑 툴입니다. 요즘 디자인 개발에서는 디자이너, 개발자간 협업을 위해 UI/UX 저작툴을 많이 사용하는 추세입니다. 그중에서 요새 가장 인기가 많은 Figma에 대해서 알아보려고 합니다. https://uxtools.co/survey/2022/ui-design 2022 Design Tools Survey - UI Design Find your next UI Design tool from the responses of thousands of designers around the world. uxtools.co 위 사이트를 보시면 Figma가 얼마나 독보적인 점유율을 가지고 있는지 파악할 수 있습니다. 피그마의 장점 협업 기능(예: 같이 작업 하는 사용자의 .. 2022. 12. 27. MarkDown 문법 정리 안녕하세요. 오늘은 마크다운 문법에 대해 정리해보려고 합니다. 마크다운 (MarkDown) 이란 마크다운(MarkDown)은 산문을 읽고, 쓰고, 편집하기 쉬운 목적으로 만들어진 문서 작성을 위한 형식으로 사용되며, 문법이 간결하고 HTML삽입이 가능합니다. 또한 마크다운을 작성한 문서의 표현 방식은 CSS의 설정에 따라 달라집니다. 사람들이 자주 쓰는 Discord또한 일부 마크다운 문법을 지원합니다. 본 강좌는 깃헙 마크다운 css 기준으로 진행합니다. 따라서 밸로그 마크다운 프리뷰와 약간의 차이가 있을 수도 있습니다. [ 마크다운 장점 ] 문법이 간결하고 쉽다. 마크다운은 모든 것에 사용할 수 있습니다. (웹 사이트, 문서, 메모, 기술 문서 등) 마크다운은 지원하는 플랫폼이 많습니다. ( Gith.. 2022. 11. 14. 이전 1 다음 반응형
