Frontend/기타

📢SVG란? SVG는 'Scalable Vector Graphics' 의 약어로각 위치 값을 표시하는 벡터와 같은 방식의 2차원 그래픽용 XML 기반의 형식을 이야기한다.   ✅SVG를 사용하는 이유는? PNG나 JPG는 비트맵 기반의 이미지로 각 항목에 하나 이상의 정보 비트를 가지고 있는 표현이다.반면 SVG는 벡터 기반으로 각 좌표에 점을 이어서 만들어지는 개념이다. 벡터 기반의 아이콘은 확대나 축소를 해도 깨지지 않는 것과 같은 원리이다.  ✅프로젝트에서의 SVG 활용 사례내가 참여한 프로젝트에서는 MobileFooter 컴포넌트에 SVG 아이콘을 활용하여 사용자 경험을 개선했다하단 네비게이션 메뉴에서 각 아이콘을 클릭하면 fill이 채워지도록 하졌고 css의 scale을 이용해 크기를 자연스럽..

📢Electron이란? 일렉트론이란 데스크톱 애플리케이션을 구축하는 도구 Electron은 데스크톱 애플리케이션을 개발하기 위한 오픈소스 프레임워크이다. HTML, CSS, JavaScript와 같은 웹 기술을 사용하여 Windows, macOS, Linux에서 실행 가능한 크로스플랫폼 데스크톱 애플리케이션을 만들 수 있다. 물론 Angular, React, Vue도 사용가능하다.   추가로 매년마다 갱신되는 프론트엔드 로드맵 마지막 쪽에서 electron을 찾아볼 수 있다. 그만큼 프론트엔드에서도 나름 중요한 역할을 차지하고 있다는 거 아닐까?   ✅Electron을 활용한 대표적인 애플리케이션우리가 알고 있는 많은 앱들이 이미 electron을 이용하고 있고 추가로 notion,postman도 el..