0

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

이번 챕터에서는 웹사이트 개발 과정 중 사용자사이트 영문명 추가를 작업합니다.

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

---

1

1차 개발안을 기획자분께 전달해 드렸더니 확인해보시고는 이상한 점이 있다고 하십니다. 베스트 메뉴의 영문명이 바뀌지 않는다는 거에요.
베스트 메뉴에 영어가 있었나 싶어서 기획자분이 캡쳐와 함께 전달해 주신 내용을 살펴봅니다.

마우스 커서 있는 곳에 영어가 적혀 있었네요. 저는 저 영어가 각 카테고리별로 고정된 것인 줄 알았는데, 메뉴마다 달라진다고 합니다.
그런 내용이 기획서에 있나 싶어서 확인해 봅니다.
v1.2.4 버전까지는 특별한 언급이 없었는데 v1.2.5 버전에 설명이 들어있었습니다. v1.2.5 버전 기획서는 메뉴 기능 추가중에 신규 배포되었군요. 기획서가 자주 업데이트되므로 미처 발견을 못했네요.

기획자 팁
기획서가 업데이트될 때는 변경된 사항도 함께 작업자분들께 알려주세요.
물론 앞장에 버전별 변경사항을 적어주시는 것을 알고 있습니다만, 버전별 변경사항만 봐서는 구체적으로 어느 페이지에 뭐가 바뀌었는지 잘 모르겠더라고요.
변경된 페이지가 있다면, 이런 식으로 적어주시면 좋겠어요.

p57. item 3. 메뉴 영문명 변경 설명 추가
p63. item 5. 메뉴 목록 정렬 기준 변경 (날짜순 => 카테고리, 날짜, 이름순)

2

그나저나 변경이 일어났으니 개발 코드를 수정해야겠지요. 그냥 영어를 추가할 뿐이므로 별 것 아니라고 생각하실 수도 있어요. 하지만 실은 할 일이 많답니다.
우리의 데이터베이스 테이블에는 영문명을 담는 컬럼이 없으므로 추가해야 하고, 백오피스 생성,수정 코드도 바꿔야 합니다. 어려운 일은 아니지만 시간은 소요되죠.

데이터베이스 컬럼을 추가합니다.

ALTER TABLE `menu_item`
	ADD COLUMN `eng_name` VARCHAR(50) NULL DEFAULT NULL AFTER `visible_yn`;

3

백오피스 메뉴 생성 페이지를 수정합니다.

4

백오피스 메뉴 생성 페이지를 확인합니다. 짜조 메뉴가 동작하는지 테스트해 봐요.

5

백오피스 메뉴 수정 페이지 코드를 고칩니다.

6

백오피스 메뉴 생성 페이지를 수정합니다. 짜조 메뉴가 동작하는지 테스트가 필요해요.

7

사용자사이트도 바꿔야 합니다.

8

잘 나오는지도 보고요.

기획자 팁
개발자가 놓칠 수도 있으니까, 영문명 추가에 따라 같이 바뀌어야 하는 페이지 정리 부탁드려요.

예시 : 백오피스 메뉴 생성, 백오피스 메뉴 수정, 사용자사이트 베스트메뉴 탭

9

모든것이 완벽하다고 생각했습니다. 기획자분이 다시 체크하시기 전까지는요.
기획자분이 다시 체크하시고는 "메뉴 설명이 줄바꿈이 안되네요?" 라고 물어보십니다. 친절하게 캡쳐도 함께 보내 주셨어요.

10

먼저 백오피스의 화면입니다. 줄을 바꿔서 입력하셨다고 하시네요.

11

퍼블리싱 화면 캡쳐를 보겠습니다. 줄이 바뀌어 있습니다.

12

개발자가 만든 화면을 확인합니다. 줄바꿈이 없습니다.

기획자 팁
캡쳐와 함께 이슈를 보내주시면 문제를 파악하기가 쉬워요.
백오피스를 통해 데이터를 등록하셨다면, 그 과정까지 모두 캡쳐해 주시면 그대로 따라가보면 되니까 더 금방 문제를 해결할 수 있습니다.

13

당연히 기획서에 있는데 개발자가 놓친 거라 생각하며 사용자사이트 페이지를 수정합니다.

14

정상적으로 나오는지 확인합니다.

15

백오피스에서 데이터를 변경해서 한번 더 확인합니다.

드디어 기획자분 확인이 완료되었습니다.

---

개발 요청은 freetercoder@gmail.com 으로 연락 부탁드립니다.