Page 24 -

● 재사용이 가능한 UI 개발
프런트엔드 개발자는 앵귤러, 리액트, 뷰 등의 자바스크립트 프레임워크(JavaScript

framework)를 가지고 재사용할 수 있는 UI를 만듭니다. 재사용할 수 있는 UI를 만들어놓
으면 향후 프로젝트를 진행하면서 UI의 일관성을 유지할 수 있고, 프로젝트 전반의 생산

성 향상에도 도움이 됩니다.

● 애니메이션 구현

프런트엔드 개발자는 CSS 또는 자바스크립트를 사용해 다양한 효과가 포함된 애니메이
션을 만듭니다. 이러한 애니메이션 효과는 웹 사이트를 방문하는 사용자의 흥미를 유발
하고 사용자 경험을 긍정적으로 바꿀 수 있습니다.

● 웹 사이트 성능 최적화
웹 사이트 성능 최적화란 사용자가 웹 사이트를 쾌적하게 이용할 수 있도록 로딩 속도,

반응 속도, 안정성 등의 요소를 개선해 사용자 경험을 향상하는 것을 말합니다. 프런트
엔드 개발자는 사용자가 웹 사이트에서 좋은 경험을 하도록 웹 브라우저의 개발자 도구
나 라이트하우스(Lighthouse, 웹 사이트 성능 측정 테스트 도구) 등을 이용해 웹 사이트의

성능을 최적화합니다. 웹 사이트 성능 최적화에 사용되는 기술로는 캐싱, 압축, 이미지
최적화 등이 있습니다.

● 테스트 코드 작성
프런트엔드 개발자는 작성한 코드의 품질을 유지하기 위해 테스트 코드를 작성합니다.
테스트 코드는 웹 사이트의 올바른 동작 여부를 테스트하기 위해 작성하며, 테스트 코드

를 잘 만들면 다양한 브라우저와 기기에서 안정적인 서비스를 제공할 수 있습니다.

● 디버깅

프런트엔드 개발자는 다양한 문제를 해결하기 위해 문제가 발생하는 코드를 추적하는
디버깅(debugging, 소스 코드의 오류 또는 버그를 찾아 수정하는 것)을 수행합니다. 디버

깅 훈련이 잘된 개발자는 다양한 상황에서 발생하는 오류에 대처하는 능력이 뛰어나 안
정적인 서비스를 제공할 수 있습니다.

032 PART 1 처음 만나는 프런트엔드

아는 만큼 보이는 프런트엔드 개발 내지.indd 32 2023. 9. 12. 오후 2:18