더북(TheBook)

정적 애셋과 동적 애셋을 변경하는 경우

애셋(asset)이란 웹 페이지를 구성하고 작동하는 데 사용되는 다양한 파일을 말합니다. 애셋은 한 번 저장해두면 잘 바뀌지 않는 정적 애셋(static asset)과 자주 바뀌는 동적 애셋(dynamic asset)으로 구분됩니다. 로고 이미지처럼 한 번 설정해두면 바꿀 일이 없는 파일이 정적 애셋이고 상품 섬네일, 이벤트 배너처럼 자주 바뀌는 파일이 동적 애셋입니다.

 

정적 애셋 변경

일반적으로 정적 애셋은 프로그램 코드와 같은 폴더에 담겨 있습니다. 이는 스마트폰 카메라로 찍은 사진을 클라우드 같은 외부 저장소에 저장하지 않고 스마트폰 기기에 바로 저장하는 것과 같습니다. 그러면 이미지를 클라우드에서 가져올 필요가 없어 화면에서 빠르게 볼 수 있습니다.

정적 애셋을 화면에 하나 더 추가하는 경우(예: 헤더 영역에 있는 로고 이미지를 흑백 버전으로 바꿔 푸터 영역에도 추가하는 경우)라면 프론트엔드 개발자가 처리해도 됩니다. 정적 애셋을 프로젝트 폴더에 넣고, 애셋 파일의 위치를 프로그램 코드로 작성하면 되기 때문입니다. 다만 이때는 프로그램 코드가 변경되므로 다시 빌드/배포해야 추가한 정적 애셋이 화면에 보입니다.

신간 소식 구독하기
뉴스레터에 가입하시고 이메일로 신간 소식을 받아 보세요.