느영나영 오늘도

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

이 글을 쓰는 시점에는 최신버전 v7.8 이 나왔습니다. - 브라우저와 연동되어 쉽게 로그인 정보를 저장하고, 자동 로그인 기능이 있어 매우 편리 합니다. - 로그인 정보 외 다양한 정보를 안전하게 관리할 수 있습니다. - WATCHERTOWER 라는 기능을 통해 빠른 안전 진단을 해줍니다. 유출된 웹사이트/ 취약 비밀번호/재사용한 비밀번호/ 보안성이 낮은 정보/안전하지 않은 사이트에 대한 경고를 표시해 줍니다. - 원하는 형식의 비밀번호를 생성해 줍니다. 요즘 웹사이트는 비밀번호를 만들기 참 어렵죠. 대소문자+영문+숫자+특수기호를 조합해야 해서 평소 쓰던 정보를 사용할 수 없을때가 많은데, 1Password 하나면 고민 끝! - 다양한 기능이 있지만, 저는 로그인 정보/ 안심 노트/ 비밀번호만 사용해요..

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

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

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

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

오늘 소개할 앱은 Tadam 입니다. 업무/공부를 할때 개인적으로 추천하고 싶어요. 집중/쉬는시간을 쉽게 관리할 수 있어 효율적으로 시간을 사용할 수 있게 도와줍니다. ■ 앱 소개 (1) 기본에 충실한 앱 집중할 시간을 정해놓고, 타이머를 시작합니다. 그리고, 중간 중간 물먹고 화장실가는 시간에는 잠시 멈춤을 할 수 있습니다. 시간 종료가 되면, 시간을 연장할지 or 쉬는 시간을 몇분을 갖을건지 선택합니다. (2) 앱 적응이 필요없어! 단순한 기능이라 적응이 필요없는 앱이라 상단 아이콘을 클릭하면, 몇 분동안 타이머를 실행할지 선택할 수 있어요. 타이머를 실행하면, 시간이 카운트 다운되며 남은 시간이 아이콘 원에 표시 됩니다. 남은 시간은 이렇게 볼 수 있어 쉽게 확인이 가능 합니다. 시간이 종료되면, ..

맥에서 스택을 사용하여 데스크탑을 깨끗하게 관리하는 방법을 소개 합니다. 기본 기능으로 데스크탑을 깨끗하게 관리할 수 있어 유용합니다. ■ 스택 설정 방법 바탕화면에서 오른쪽 버튼 누르면 팝업 메뉴가 뜨고, "스택 사용" 선택하자. 사용 선택시 바로 바탕화면이 정리 됩니다. 스택 사용 전 화면 스택 사용 후 화면 스택 그룹화 보기 모드 선택 가능 ■ 참고자료: . Apple 제공 스택 사용 페이지 - https://support.apple.com/ko-kr/guide/mac-help/mh35846/10.15/mac/10.15

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

맥북을 사용하면서 반복적으로 사용하는 단축키를 정리. ■ Mac 단축키 ■화면을 잠자기 . control-command-Q: 화면을 곧바로 잠급니다. ■오려두기/복사하기/붙여넣기 . command-X: 선택한 항목을 잘라내어 클립보드에 복사합니다. . command-C: 선택한 항목을 클립보드에 복사합니다. 이 키는 Finder의 파일에도 작동합니다. . command-V: 클립보드의 콘텐츠를 현재 문서 또는 앱에 붙여 넣습니다. 이 키는 Finder의 파일에도 작동합니다. . command-Z: 이전 명령을 실행 취소합니다. 그런 다음 shift-command-Z 키를 눌러 실행 복귀하면 실행 취소 명령을 되돌릴 수 있습니다. 일부 앱에서는 여러 명령을 실행 취소하고 실행 복귀할 수 있습니다. . co..