[인사이트] 백엔드 개발자도 HTML이 필수 스펙인 이유

요새 근황도 없이, 계속 DB 와 스프링만 주구장창 파다보니 개발의 숲이 아닌 나무를 보고 있는 것이 아닌가해서, 조금 쉬는 시간을 가질때마다 읽은 개발 서적에 대한 인사이트를 기록할 예정이다.

---

백엔드 개발자도 HTML 할줄 알아야하나요

개인적으로는 반드시 최소한의 지식은 필요하다고 본다.

그렇다고, 백엔드 필수요소들을 능가할만큼 중요한가? 에 대해서는 아니라고 답하고 싶다. 최소 자신이 개발한 API 서버가 구동은 될 수 있을정도의 능력은 필요하다고 생각한다.

<form action="item.html" th:action method="post">
    <div>
        <label for="id">상품 ID</label>
        <input type="text" id="id" name="id" class="form-control" value="1" th:value="${item.id}" readonly>
    </div>
    <div>
        <label for="itemName">상품명</label>
        <input type="text" id="itemName" name="itemName" class="form-control" value="상품A" th:value="${item.itemName}">
    </div>
    <div>
        <label for="price">가격</label>
        <input type="text" id="price" name="price" class="form-control" value="10000" th:value="${item.price}">
    </div>
    <div>
        <label for="quantity">수량</label>
        <input type="text" id="quantity" name="quantity" class="form-control" value="10" th:value="${item.quantity}">
    </div>
    <hr class="my-4">
    <div class="row">
        <div class="col">
            <button class="w-100 btn btn-primary btn-lg" type="submit">저장</button>
        </div>
        <div class="col">
            <button class="w-100 btn btn-secondary btn-lg"
                    onclick="location.href='item.html'"
                    th:onclick="|location.href='@{/basic/items/{itemId}(itemId=${item.id})}'|"
                    type="button">취소</button>
        </div>
    </div>
</form>

예를 들면 위와 같은 타임리프 코드에서 발췌해온 코드를 보면, HTML로부터 HTTP 메시지가 웹브라우저를 통해 생성이 된 후, 이 HTTP 메시지를 적절히 활용하여 서비스를 제공할 줄 알아야하기 때문이다.

---

API 만 있는 포폴 VS 프론트엔드 페이지까지 존재하는 포폴

만약 비슷한 수준으로 API 서버를 개발한 면접자 입장에선 당연히 후자가 더 눈에 띌 것이다.

만약 프론트 페이지가 있어서 배포중이라면 면접 중간에라도 접속하여 확인할 수 있기 때문이다.

API에 대해 알고 있고 개발해 본 사람이라면 괜찮지만, 어떤 대상에 대한 CRUD만 개발해본 사람이 대부분일 것이다.  이에 따라 타인이 내부 내용을 모르더라도 정상적으로 테스트할 수 있는 웹 환경을 위해선 프론트엔드가 반드시 필요하다고 생각한다.

추가적으로는 프론트 페이지를 통해 예외 상황이나 모순을 찾아낼 수 있다.

---

본인이 개발한 API에 대핸 모니터링을 제공하는 페이지가 필요하다는 관점에서도 백엔드 개발자도 HTML을 알아야하는 충분한 이유가 될 것 같다.