프런트엔드 개발 자동화의 현황 (슬라이드)
컬렉션을 사용해 정리하기
내 환경설정을 기준으로 콘텐츠를 저장하고 분류하세요.
Addy Osmani
요즘에는 최신 웹 앱을 작성하는 것이 지루한 프로세스처럼 느껴질 때가 있습니다. 프레임워크, 템플릿, 추상화, 종속 항목 관리, 빌드 프로세스 등 프런트엔드 워크플로에 필요한 요구사항 목록은 해마다 늘어나는 것 같습니다. 하지만 이러한 작업을 대부분 자동화할 수 있다면 어떨까요?
FOWA 기조연설의 슬라이드에서는 프런트엔드에서 생산성을 유지할 수 있는 도구 환경을 살펴봅니다. 도구를 통해 더 빠르게 반복하고, 실시간 의견을 얻고, 버그를 방지하며, 이를 기능 개발자 워크플로에 통합하는 방법을 알아보세요.
몇 가지 주요 사항
워크플로 자동화를 위한 데스크톱 도구를 사용하면 간단한 프로젝트에서 시간을 절약할 수 있습니다.
명령줄 자동화 도구는 더 많은 유연성이 필요한 복잡한 프로젝트에 더 적합합니다.
개발 중에 실시간 피드백을 제공하는 편집기를 사용하여 생산성을 극대화하세요.
Canary DevTools의 새로운 작성 기능으로 브라우저에서 편집하기 좋음
Alfred와 같은 생산성 도구로 시스템 워크플로 개선
교차 기기 테스트, 네트워크 제한, 시각적 회귀 테스트를 사용하여 모바일 워크플로를 개선하세요.
사용할 도구 선택
프런트엔드 도구는 지난 몇 년간 많은 발전을 이루었습니다. 하지만 오늘날 웹 개발이 더 복잡해졌다고 생각하지 않고는 웹 개발이 멋지다고 생각하기 어렵습니다.
효과적으로 유지하는 열쇠는 실제로 사용할 도구를 선택하는 것입니다. 시간을 내어 개인 워크플로를 분석하고 더 효과적으로 일하는 데 도움이 되는 도구를 선택하세요.
궁금한 점이나 의견이 있거나 도구 관련 제안사항이 있으면 언제든지 아래 댓글을 통해 알려주세요.
[[["이해하기 쉬움","easyToUnderstand","thumb-up"],["문제가 해결됨","solvedMyProblem","thumb-up"],["기타","otherUp","thumb-up"]],[["필요한 정보가 없음","missingTheInformationINeed","thumb-down"],["너무 복잡함/단계 수가 너무 많음","tooComplicatedTooManySteps","thumb-down"],["오래됨","outOfDate","thumb-down"],["번역 문제","translationIssue","thumb-down"],["샘플/코드 문제","samplesCodeIssue","thumb-down"],["기타","otherDown","thumb-down"]],["최종 업데이트: 2013-11-03(UTC)"],[],[]]