좋은 아침입니다~ 다들 즐겁게 작업하고 계신가요? ☺

오늘은 개발자 도구를 100% 활용하는 방법에 대해 알아봅시다!

개발자도구는 사이트의 개발환경 및 요소에 대해 알아볼 수 있는 기능으로

언뜻 보면 개발자를 위한 도구인 것 같지만, 글자 크기, 색, 간격 등

정확한 값을 확인해야 하는 디자이너에게도 없어서는 안 될 매우 중요한 도구입니다!

저도 개발자가 마크업한 사이트를 내 디자인과 대조해볼 때,

공부 목적으로 원하는 사이트를 벤치마킹 할 때 등 하루에도 ‘Ctrl + Shift + C’를 몇번이나

눌러보는지 몰라요~ㅋㅋㅋ🤩 다른 분들도 그러신가요?

잘 모르겠다는 분이 계신다면! 개발자 도구를 100% 활용하여

작업능률을 확~ 끌어올리는 방법, 그리고 구글 크롬에서 PC버전의 사이트를

모바일버전으로도 확인할 수 있는 방법에 대해 알려드리고자 합니다!😎

📣신입 웹디자이너를 위한 크롬 개발자도구 활용법 Part 1

https://blog.rightbrain.co.kr/?p=11693

📣신입 웹디자이너를 위한 크롬 개발자도구 활용법 Part 2

https://blog.rightbrain.co.kr/?p=11695

📣크롬 모바일 모드 확장 프로그램 ‘User Agent Switcher’ 설치 및 사용방법

사용방법 // https://powerofcs.tistory.com/322

설치링크 // https://url.kr/vuyjx7

📣더 많은 정보가 궁금하다면? 피그마피디아!

https://url.kr/mo9n2a