0

웹에이전시 전문 프리랜서 개발자 프리터코더입니다.

이번 챕터에서는 웹사이트 개발 과정 중 백오피스 헤더 만들기를 작업합니다.

<백오피스 헤더 만들기> 글은 웹에이전시의 의뢰를 받아서 프리터코더가 웹사이트를 개발하는 과정을 가상으로 보여주는 웹에이전시의 개발자들은 어떻게 일하나 시리즈 중 하나입니다.

1

백오피스 헤더를 만들어 보겠습니다. 처음 SB Admin 2 의 테이블 화면을 가져와서 서버 코드로 붙여넣습니다.

2

화면은 이렇게 보여집니다.

3

검색창, 알림, 메시지는 필요없으니까 지우겠습니다. 먼저 브라우저 검사기를 통해 해당 html 부분을 찾습니다.

4

해당하는 html 부분을 삭제합니다.

5

제대로 지워졌는지 체크해 봅니다.

6

"Douglas McGee" 씨가 누구인지는 잘 모르겠으나, 우리는 그냥 로그인한 관리자 id를 보여주겠습니다.

7

프로필을 클릭해보면 개인 정보를 관리할 수 있는 모달이 나옵니다.

8

로그아웃 기능만 남기고 모두 지웁니다.

9

로그아웃이 클릭되면 이동할 페이지 URL 을 설정합니다.

개발 요청은 프리터 코더 소개를 읽어보시고, 이메일 로 부탁드립니다.