HTML, CSS 자동 완성 모음집 (zen 코딩하는 법) 흔히 zen 코딩, Emmet 코딩, 자동 완성 등의 이름으로 불리고 있는 이 기술은 긴 HTML, CSS 코드를 간단한 키 조합으로 빠르게 적는 기술입니다. 크게 어렵지 않지만, 업무가 무척 편해지니 꼭 습득하여 사용해 보시기를 권장드립니다.(백엔드에서 풀스택으로 가거나, 퍼블리셔 입문자가 보시기에 알맞은 글입니다.)이 기능은 Visual Studio Code 환경에서 사용하시기를 바라며, Visual Studio 2022에서는 자동 완성이 처참하니 HTML, CSS만 VS Code로 진행하고 코드 복사/붙여 넣기를 하시는 것을 추천드립니다. (Visual Studio 2022는 확장자 추가나 설정이 쉽지 않기에 접근성이 좋은 VS Code 위주로 적어드리겠습니다.)자주 사용하는 코드 위주로 정리하였으.. 2024. 11. 10. 프론트엔드 개발자가 알아야 하는 피그마 사용법 (기초) "혹시 피그마 사용할 줄 아세요?"요즘 면접 질문 때 프론트엔드나 퍼블리셔들에게 자주 들어오는 질문일 것입니다.디자이너랑 협업할 때 다양한 툴(포토샵, 일러스트레이터, 어도비 XD, 피그마)로 작업하니 다 조금씩은 사용할 줄 알면 좋습니다. 이중 최근 트렌드는 피그마입니다. 트렌드 때문이 아니서라도 여러 디자이너와의 협업에서 피그마가 가장 사용 경험이 좋았기에 개발자의 피그마 간단 사용 방법을 꼭 공유하고 싶었습니다.피그마의 장점필수 기능 무료.피그마 개발자 모드는 유료입니다. 무료여도 충분히 사용하는데 이상없었습니다.개발자 모드에서는 CSS를 좀 더 편하게 가져오거나, 간격 확인을 마우스 호버로만 할 수 있습니다.Drafts에 작업물 무한 저장 가능. (Drafts는 메모장 같은 개념입니다.)All p.. 2024. 10. 20.
