이번 강의에서는 AdminLTE를 사용하여 어드민 서비스의 화면을 구현하는 작업을 시작하였다. 어드민 서비스는 사용자들이 사용하는 일반적인 서비스와 달리, 다양한 데이터를 한눈에 볼 수 있도록 차트나 테이블과 같은 컴포넌트를 필요로 한다. AdminLTE는 이러한 다양한 기능을 지닌 화면을 만드는 데 있어서 조금 더 빠르고 효율적으로 구현할 수 있도록 도움을 주는 프론트엔드 디자인 라이브러리라고 볼 수 있다. 유사한 역할을 하는 라이브러리로, 이전 프로젝트에서 사용하였던 BootStrap 이라는 라이브러리가 있는데, 이러한 라이브러리를 사용하면, 디자인적인 고민을 크게 덜고 기능 구현에 집중하여 화면을 만들 수 있다는 장점이 있다. 실제로 다양한 프로젝트를 진행하는 개발자 입장에서는, 아무래도 개발을 조금 더 빠르고 편리하게 할 수 있는 이러한 다양한 모듈들을 알아두는 것이 큰 도임이 된다고 생각한다. 따라서, 이번 프로젝트에서는 AdminLTE 라이브러리를 사용하여 어드민 화면을 만들기로 하였다. 사용 방법은 AdminLTE 레퍼런스 사이트에 가서 문서를 직접 보고, CDN 방식 또는 소스코드를 설치하는 방식으로 적용하면 된다. 이번 강의를 들으며, 프론트엔드 적인 부분의 팁도 배우게 되었는데, 그건 바로 로컬에서 서버를 실행할 때마다, 개발자 도구에서 발견되는 Favicon 404 에러의 원인과 해결방법이다. 브라우저는 웹 표준을 지키기 위해, 매번 Favicon 이미지를 찾는 호출을 하는데, 이러한 이미지를 찾지 못하는 경우 404에러가 발생하게 된다. 이러한 에러를 막기 위해 브라우저에서 예외시키는 설정을 하거나, 서버에서 우회 처리하는 여러 가지 테크닉들이 있지만 정석적으로는 Favicon을 집어넣어 이러한 에러 자체를 근본적으로 해결하는 방법이 좋다고 생각한다. 추후, 로컬 개발 환경에서 이러한 에러를 맞닥뜨리지 않기 위해, 사전에 Favicon 이미지 파일을 브라우저가 호출하는 위치에 저장하는 방법이 필요할 것이다.
패스트캠퍼스 [직장인 실무교육]
프로그래밍, 영상편집, UX/UI, 마케팅, 데이터 분석, 엑셀강의, The RED, 국비지원, 기업교육, 서비스 제공.
fastcampus.co.kr
본 포스팅은 패스트캠퍼스 환급 챌린지 참여를 위해 작성하였습니다.