개발자 99% 커뮤니티에서 수다 떨어요!
🗞 뉴스레터 #208 (2023.09.22)
#따끈따끈한_개발_NEWS📢
🍡 색다른 웹 페이지 만들어 보고 싶다면? 일본식 감성 끝판왕! 트렌디한 일본 웹 디자인 모음
🕵️♀️ 프로젝트의 종속성을 분석해 주고, 어떤 종속성이 쓸모없는지, package.json에서 누락되었는지까지 싹 알려줌
🧢 무엇이 달라졌을까? 브라우저 업데이트에 따른 CSS Reset 최신 업데이트 버전이 나왔음
🖌️ 넘나 유용한 피그마의 Variables를 50+개의 리소스로 배워보자.
🐱 AI의 발전은 개발자에 대한 수요를 더 증가시킬 것이다? Github CEO의 AI에 대한 생각
#Chrome Extensions
크롬 익스텐션이 종류가 많은 건 알고 있었는데 이렇게 다양할 줄이야! 잘 사용할수록 업무 생산성이 높아지는 건 물론, 개발할 때도 넘나 유용한 툴들이 많다. 그래서 작정하고 실생활, 개발할 때 유용하게 사용할 수 있는 크롬 익스텐션을 모아봄 👇
개발자👩💻를 위한 크롬 익스텐션 TOP 5
니꼬쌤이 유용하게 쓰는 익스텐션은 노마드코더 유튜브에도 나와 있음! (링크)
1. ColorZilla: 어느 페이지든 색상을 뽑아낼 수 있어, 특히 디자인 작업이나 클론코딩할 때 유용하다. 가볍고 사용법도 간단함!
2. CSSViewer: 어떤 웹페이지의 CSS가 어떻게 빌드되었는지 볼 수 있음. 개발자 도구 들어가지 않고, 훨씬 빠르고 편하게 CSS 요소들을 확인할 수 있어 넘나 유용하다.
3. WhatFont: 웹사이트에서 사용하는 폰트를 알려주는 익스텐션. 굳이 캡처해서 검색하고, 비슷한 글꼴 이곳저곳 돌아다니며 찾을 필요 없이 마우스를 올리면 사용된 폰트를 찾아서 알려줌!
4. Fake Filler: 페이지의 모든 입력란을 가짜/더미 데이터로 채워 줌! 주소, 이름, 이메일 등등 직접 입력할 필요가 없다. 개발 테스트할 때 넘나 유용👍
5. Window Resizer: 브라우저 창 크기를 조정하여 일반적인 태블릿, 노트북, 데스크톱 및 모바일 크기를 즉각적으로 시뮬레이션할 수 있는 익스텐션. 개발자 도구 켤 필요 없고. 특히 사용자 지정 크기를 정의해 둘 수 있어서 넘 편리함.
AI 슈퍼파월🦾~ 크롬 익스텐션
1. DeepL : 이젠 이거 없이 못 살 정도. AI 슈퍼파워 번역기인데 번역도 넘 깔끔하고 성능 짱 좋음!
2. quickyai : 어느 웹사이트에든 클릭 한 번으로 chatGPT 소환 가능✡️
3. otter.ai : 회의 내용 기록 하고 핵심 내용 요약해주는 똑똑이 익스텐션🙌
... (중략)
누구나 만들 수 있는 크롬 익스텐션! 노코드로 제작 쌉 가능해졌다. 만드는 방법도 점점 쉬워지고. 마켓도 커지고 있는 지금! 사이드 프로젝트로 크롬 익스텐션을 직접 만들어 보는 건 어떨까? 빠르게 시작할 수 있고. 가볍고. 아이디어를 테스트하기도 좋은 수단! 그러니 다들 렛츠 고! 츄라이 츄라이~ 😉