[웹에이전시 개발] 백오피스 메뉴 생성 페이지에 정렬 순서, 사용 여부 추가

프리터코더·2023년 7월 28일

0

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

이번 챕터에서는 웹사이트 개발 과정 중 백오피스 메뉴 생성 페이지에 정렬 순서, 사용 여부 추가를 작업합니다.

<백오피스 메뉴 생성 페이지에 정렬 순서, 사용 여부 추가> 글은 웹에이전시의 의뢰를 받아서 프리터코더가 웹사이트를 개발하는 과정을 가상으로 보여주는 웹에이전시의 개발자들은 어떻게 일하나 시리즈 중 하나입니다.


1

처음 만들 때와는 다르게 메뉴 생성 기능이 있기 때문에 메뉴 생성 기능부터 만들어 보겠습니다. 순서와 사용 여부 항목을 입력할 수 있도록 변경합니다.
143

순서는 숫자만 입력 가능하도록 type="number" min="1" step="1" 로 고정해 둡니다.

2

생성 화면에서 순서와 사용 여부가 추가되었는지 확인해 봅니다.
144

3

저장하는 기능도 추가합니다.
146

4

정상적으로 저장되었는지도 목록에서 체크해 봅니다.
145

5

방금 테스트해보니 생성 화면에서 저장 후 다시 생성 화면이 보여지는 것을 알 수 있습니다. 그것도 나름대로 괜찮겠지만, 수정 화면이나 목록 화면으로 가면 방금 생성한 데이터를 바로 확인할 수 있어서 좋을 것 같다는 생각이 듭니다.
기획자 분께 말씀드려서 생성 후 어느 페이지로 가야 하는지 확인한 후 수정 화면으로 가는 것이 좋겠다는 답변을 얻습니다.

기획자 팁
뭔가를 저장하는 액션 이후에는 페이지가 이동해야 하는지 확인해 주시고, 이동해야 한다면 이동할 페이지를 지정해 주세요.

6

생성 후 수정 페이지로 이동하는 코드를 작성합니다.
148

7

역시 백오피스 화면 확인이 필요하겠죠. 메뉴 생성 후 이동하는지 체크해 봅니다.
147

8

지금 보니, 생성화면을 복사해서 만들었더니 수정 화면에도 제목이 "메뉴 생성" 이라고 적혀 있네요. 수정하겠습니다.
149


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

profile
일용직 개발자. freetercoder@gmail.com

0개의 댓글