25-03-12

📌 Daily Report

https://github.com/ssginc-be/DOKI/issues/70

📌 프로젝트 상황

회원가입 view가 끝났다... 진짜 수고했다.

(플로우 차트 그리기가 벌써부터 걱정되는건 안비밀)

📌 회원가입 비동기 처리

await이 필요 없는 부분이 있더라.

이메일 및 휴대폰 번호 인증 코드 발송은 await을 빼는 것이 UX적으로 좋았다.

근데 API 오류 시 뜨는 alert가 버튼 CSS transition을 block 하는 문제는 당장 해결 못하겠음.

📌 타임리프 th:onclick 주의사항

운영자의 팝업스토어 정보 페이지에서 등록된 이미지를 클릭하면 새 창에서 해당 이미지를 볼 수 있게 하려고 했는데, 다음의 에러가 발생했다.

manager_store_info.html

<div class="store-image-group">
    <div class="store-image-top">
        <div class="content-subtitle topleft">등록된 이미지</div>
    </div>
    <div class="store-image-bottom">
        <th:block th:each="image : ${contentDetailList}">
            <div class="store-image-box" th:onclick="|window.open(${image.getStoreImageLink()}, '_blank')|"><img th:src="${image.getStoreImageLink()}" alt="상세 이미지"></div>
        </th:block>
    </div>
</div>

로그는 다음과 같고, 뷰는 흰색 창만 띄워져 있는데 렌더링을 header까지만 하고 끝난 것 같았다.

⚡ Client console

⚡ Spring log

Caused by: org.attoparser.ParseException: Only variable expressions returning numbers or booleans are allowed in this context, any other datatypes are not trusted in the context of this expression, including Strings or any other object that could be rendered as a text literal. A typical case is HTML attributes for event handlers (e.g. "onload"), in which textual data from variables should better be output to "data-*" attributes and then read from the event handler. (template: "manager/manager_store_info" - line 122, col 54)
    at org.attoparser.MarkupParser.parseDocument(MarkupParser.java:393)
    at org.attoparser.MarkupParser.parse(MarkupParser.java:257)
    at org.thymeleaf.templateparser.markup.AbstractMarkupTemplateParser.parse(AbstractMarkupTemplateParser.java:230)
    ... 52 common frames omitted

스택오버플로에 의하면 th:data-*로 해결할 수 있는 문제 같은데,

단순 문자열이라 그냥 onclick 함수를 JS로 분리하고, img 태그로부터 가져오기로 했다.

ERD 5차 수정

운영자 페이지 UI 연결하다가 깨달았다.

예약 설정에 대한 테이블을 따로 두는게 아무래도 맞았다는거.

예약 엔트리에서는 해당 정보를 가져오기가 힘든 것 같기도 하고, 확장성 고려해도 나중에 엔트리별 설정 수정이 가능해질수도 있는건데

...엔트리를 통한 설정 데이터 가공은 좀 그렇다.

근데 바빠서 일단 팝업스토어 테이블에 우겨넣어야겠다.

전세계 모든 DBA 여러분들 죄송합니다.

📌 NCP Search Trend까지만...

📌 WebP 변환까지만...

다른 팀에서 이걸 기획중이던데 대체 왜 내가 이걸 생각 못했었나 싶다.

모던 프로그래밍! 매우 중요!!! (그리고 좋아함)

그래서 본인을 좀 더 갈아서 다른 task가 끝나면 webp도 도입해보려 한다.

빠르게 레퍼런스도 하나 찾아보았다.