플러그인2 fimga px to rem 사용하기 desktop 페이지가 거의 완성되어 반응형으로 동작하는 moblie 페이지를 제작하려고 한다. 어디선가 주워듣기론 desktop 페이지는 px을 사용하는 게 좋고, moblie페이지는 rem을 사용하는 게 좋다고 했던 게 기억났다. (모바일 페이지에 더 유연한 디자인을 적용하는 게 좋다고 했던 것 같다...) 그래서 figma에서 inspect탭에서 사이즈를 가져와서 코드로 짜려고 하는데, 기본적으로 피그마는 px단위만을 지원하기 때문에, 직접 수치를 변환해서 사용해야 하는 것 같았다. 그래서 찾아보니 px을 입력하면 rem으로 바꿔주는 플러그인 들이 있는 것 같았다. 하지만 일일히 수치를 입력하고 계산하기 귀찮아서 Heron Handoff 라는 플러그인을 사용하기로 했다. 피그마 화면에서 플러그인 -.. 2021. 11. 18. VSC(visual studio code) 익스텐션, 플러그인 동기화 (settings sync) VSC(visual studio code)를 사용하다보면 다양한 익스텐션(플러그인)을 사용하게 된다. theme, prettier, snippets, git lens등등 익스텐션이 가진 역할과 활용도는 VSC에서 없어서는 안될 요소이다. 이러한 요소들은 사소해보이지만, 유용한 점들이 매우 많기 때문에 잘 관리하고 활용한다면 생산성을 높힐 수 있게 된다. 그렇지만 익스텐션을 많이 사용하다보면, 따로 정리를 해두지 않는 한 내가 어떤 익스텐션을 사용 중인지를 까먹게 된다. 또한 여러 장비를 사용하는 경우(데스크탑 + 노트북 등등)에는 장비마다 다른 익스텐션이 설치되어 불편함을 겪을 수 있다. 이럴 때, 여러 장비의 익스텐션을 동기화해줄 뿐만 아니라 어떤 익스텐션을 사용 중인지 관리할 수 있는 익스텐션이 있다.. 2021. 1. 1. 이전 1 다음
