느영나영 오늘도

개발중인 프로젝트는 2가지 환경이 공존한다. (Case.1) 어플리케이션 WebView 컴포넌트에서 iframe 임베디드된 구조로 서비스가 되는 경우 (Case.2) 일반적인 웹 방식으로 서비스 되는 경우(iframe 구조 x) 이 경우, 트위치 스트리밍 영상을 노출하는데 문제가 발생했다. 어플리케이션 도메인이 http 프로토콜을 사용한다. 트위치는 https(SSL) 프로토콜이 아닌 경우 영상 송출을 하지 않도록 바뀌었다. Case.1 경우 페이지에서 첫 영상을 자동 플레이 해주는 기능이 작동하지 않았다. 그래서, 논의한 방법이 이 경우에는 썸네일만 보여주고 클릭시 팝업으로 영상을 노출하기로 하였다. 이런 접근은 바람직하지 않은데, 담당자는 맥락 이해가 필요하며 일반적이지 않은 예외처리는 가독성을 떨어..

일관된 로직과 객체 재사용 관점에서 만족하고 있는 방법이다. 뷰 코드가 줄어든건 아니지만, 상태 정보에 대한 파편화를 막는데는 효과적이란 생각이다. 프론트 지식이 짧아 백앤드+프론트 고민을 함께 한다면 좋을 수 있겠지만, 개선해야할 필요성을 아직 느끼진 못했다. 환경 정보 : . Springboot + Trimou + Select Option 처리 (1) YesOrNo Enum 객체를 만든다. (2) 컨트롤러 ModelAndView 전달 객체로 Enum 값 리스트 추가한다. (3) Trimou 뷰에서 Option 처리를 yesOrNo Enum 값 리스트를 노출한다.

정해진 양식에 데이터 매핑처리를 해야하는 경우가 있습니다. SMS/EMAIL 을 이용한 주기적으로 보내는 뉴스 또는 정보인데요. Trimou 템플릿 엔진을 이용해서 처리할 수 있습니다. MustacheEngine 객체를 생성한 후 데이터를 매핑하면 됩니다. 짧은 코드지만 자주 사용되는 기능입니다.

크롬 브라우저 자동완성 기능을 끄기는 방법 입니다. 비밀번호 변경화면에 자동완성 기능이 불필요한 간섭을 주는 경우가 있습니다. ■ 자동완성 off 방법 input 태그 속성으로 autocomplete="new-password" 코드를 넣으면 된다.

갑자기 회사 막내 시절 변수명, 클래스명, 함수명을 이름을 고민했던 기억이 납니다. 그땐, 영어 사전과 기존 레거시 네이밍 패턴을 찾아보는 열정이 있었지요. 지금도 네이밍 부여하는게 어렵게 느끼는 지금 모습에 웃음이 납니다. 개발을 하면서 네이밍을 부여하는건 항상 해야 하는것이기에 몇 가지 원칙을 생각해 봅니다. 제가 생각하는 이 정도를 지키면, 괜찮지 않을까 생각합니다. 규칙은 많을수록 방해물이 될 수 있기 때문에, 가장 최소한의 원칙을 갖는게 좋다는 생각입니다.

카카오톡 로그인 기능에서 401 오류가 발생했다. 어떤 부분이 문제인지 확인해보니, 최근 서버 IP가 변경되었는데 카카오 개발자센터 애플리케이션 "허용 서버IP" 주소 미등록이 원인이었다. ■ 오류. ■ 허용 서버 IP 주소 카카오 개발자센터 접속 후, 내 애플리케이션 > 고급 설정 > 허용 IP 화면에서 IP 추가하자. 링크 : https://developers.kakao.com/console (설정 화면)

html5shiv 기능은 무엇일까? HTML5 새로운 요소를 지원하지 못하는 구 버전의 브라우저에서 HTML5 요소를 지원하게 해주는 역할을 합니다. The HTML5 Shiv enables use of HTML5 sectioning elements in legacy Internet Explorer and provides basic HTML5 styling for Internet Explorer 6-9, Safari 4.x (and iPhone 3.x), and Firefox 3.x. 구 버전 브라우저에서 inline 요소로 인식되는 요소(header, section, article, footer, nav, aside,figure, figcaption, main, content)는 원하지 않는 결과로 나..

sweetalert 메시지 줄바꿈(newline) 안될때 체크 포인트! 메시지 라이브러리중 sweetalert 을 많이 쓴다. 팝업되는 메시지를 줄바꿈을 하려고 \n 또는 태그를 입력해도 되지 않을때가 있다. 이유는 메시지 파라미터를 text 속성을 쓴 경우 였다. github 에서 가이드 하고 있는 내용을 보면, html 속성을 사용하면 html 문자열을 그대로 쓸 수 있다고 한다. ► 가이드 내용 : 그래서, html 타입으로 바꾸고 태그를 쓰니 해결 되었다.  ► 결과 화면 :  Ref. 참고자료 및 링크 . 라이브러리 링크 - https://github.com/t4t5/sweetalert

GITLAB 을 사용해서 프로젝트를 진행하고 있습니다. 깃랩을 처음 접하는 사람들에게는 낯설고 불친절한 툴(Tool)로 평가되는듯 합니다. 멤버들과 깃랩(GITLAB)을 사용하자고 제안할때, 많은 어려움이 있었던 기억이 듭니다. 오늘은 사소하지만, 유용하다고 판단되는것을 기록하려고 합니다. 깃랩은 작업(Task) 관리용으로 사용합니다. 그리고, 작업이 끝나면 댓글로 작업에 대한 검토 피드백을 기록합니다. 댓글이 많아지고, 여러 형태의 댓글이 달리다 보면 작업자는 어떤 부분을 작업해야할 피드백으로 봐야 할지 난감합니다. 자유롭게 댓글을 쓸 수 있다는건 유지해야할 가치로 판단을 했고, 작업자를 위한 피드백 작성을 라벨로 표시하기 시작했습니다. 그 후로는 작업에 대한 분명한 명시가 되었습니다. 라벨은 검토이슈..

문자 메시지를 보내는 기능에 문제가 있었습니다. SMS 발송이 되어야 하는데 LMS 문자로 발송이 되었는데요. 자바스크립트(Javascript) 언어에서 바이트(Bytes) 숫자와 Java 에서 바이트(Bytes) 숫자 차이가 원인이었습니다. ■ 원인 찾기 무슨 차이일까? 고민은 해보아도 잘 모르겠더라구요. 그래서, 여러차례 디버깅을 하면서 알게된 이유가 있었습니다. \r\n 문자 바이트를 확인해 볼게요. → 자바스크립트에서는 1 Bytes 계산됩니다. → 자바(Java)에서는 2 Bytes 계산 ■ 어떻게 보완을 해야 하지? \r\n 문자를 " " 1 Byte 공백으로 치환해 주었습니다. 예시) 원하는 결과를 얻을 수 있었지만, 개운하지 않은 해법이라는 생각이 듭니다. 조금 더 찾아 보니, 인코딩에 따..