Honsal's Dailylife

  방금 개발하면서 겪은 현상인데, localhost 도메인 상에서는 console.log, console.debug, console.error, alert 등 프롬프트 관련 기능이 전부 작동을 안 하는 현상 이 생겼습니다. 웃긴 건, 크롬의 캐시를 지우거나, 컴퓨터를 껐다 키거나 하면 다시 된다는 것 이죠. 물론 한두 시간 정도 켜놓다 보면 또 시작...   이게 정신줄 놓게 만드는 게, localhost가 아닌 방법으로 접속하면 정상 작동 한다는 겁니다. 제 도메인인 honsal.dynu.com, 127.0.0.1 등으로 접속하면 문제없이 프롬프트가 실행됐습니다.   결론부터 말하자면 제 경우 원인은 AdBlock 이었습니다. 왠진 모르겠지만, 애드블럭 차단 사이트에서 localhost를 제외시키면 프롬프트가 정상적으로 작동 되더군요. 전엔 없던 증상인데, 참 어이가 없네요 허허...   아무튼 애드블록을 사용중이신 분이라면 한 번 체크해 보시기 바랍니다. 특히 저와 같이 localhost 만 됐다 안 됐다 하는 상황이라면 해결될 것이라고 생각되네요.   다들 즐코하시길. 2017. 04. 07. 추가   AdBlock 적용 후에도 문제가 지속돼 방법을 알아보다가 개발자용 도구에서 해답을 찾았습니다. [확실한 방법] 개발자용 도구 새로고침 사용   크롬에서 F12 를 누르면 개발자 콘솔이 뜨는 건 다들 알고 계시죠? 그렇게 개발자용 도구를 띄운 상태에서 새로고침 버튼 꾹 누르고 있거나 우클릭하면 메뉴가 뜹니다. 개발자용 도구를 열지 않은 상태에서 우클릭하거나 꾹 눌러봐야 뜨지 않습니다.  꼭 개발자용 도구를 활성화한 뒤 시도 해주세요.   기본 F5를 누르면 실행되는 새로고침은 맨 위의 일반 새로고침(Ctrl + R)입니다. 로컬호스트 캐싱을 방지하기 위해선 그보다 강력한 강력 새로고침(Ctrl + Shift + R) 이나, 그 아래의 캐시 비우기 및 강력 새로고침 을 하면 됩니다.   제 경우엔 Ct

편리한 엘리먼트 배치   작년 중후반이었습니다. 좀비 서바이벌 어드민 여러분들이 게임 외에서도 편하게 유저를 관리할 수 있도록 웹 관리 툴을 만드려고 했는데, 제 절망적인 디자인 감각이 망설이게 만들었었죠. 재작년이었나 재재작년이었나, Ruby on Rails 상에서 돌아가는 웹 도구를 만드려고 하다가 미친듯한 색감과 배치에 포기했던 아픈 기억이 있었기 때문입니다. 당시의 절망적인 디자인 배치   뭐, 결론부터 말하자면 지금도 디자인은 똥망이지만! 그래도 작업하는 속도는 확실히 빨라졌습니다. 당시 위 절망적인 디자인을 하며 왼쪽 사이드 메뉴와 오른쪽 콘텐츠 영역을 딱 보기 좋게 한번에 나누고, 모바일 접속을 대비해 CSS 미디어 쿼리로 반응형으로 만드는 데 굉장히 많은 수정 노가다가 필요했었는데, 지금부터 알려드릴 Flexbox 를 쓰시면 그런 노가다가 상당히 줄어들게 됩니다. Flexbox?   처음엔 플렉스박스란 게 생긴지도 모르고 있었습니다. 디자인에 참고하려고 새롭게 바뀐 애드센스 페이지를 분석하다가 display 프로퍼티에 처음 보는 녀석이 있길래 조사하다가 알게 되었죠. Flexbox를 사용한 새로운 애드센스   그리고 display:flex에 대해 찾아보니, 기존엔 CSS로 굉장한 노가다를 해야 했던 작업을 flex를 사용해 간단하게 처리할 수 있는 사실을 알게 되었습니다. 뷰포트 사이즈에 따른 자동 비율 설정, 특정 엘리먼트는 뷰포트에 상관없이 일정 크기 유지 등등... 당시 저에겐 신세계였죠.   물론 저것 말고도 많은 기능이 들어있습니다. A Complete Guide To Flexbox - CSS Tricks 에 접속해 자세한 사용 방법과 기능을 실시간으로 테스트해보세요. 몰랐던 분이라면 앞으로 자주 사용하게 될 겁니다.

  안녕하세요? 혼살입니다. 블로그에 정말 오랜만에 글을 씁니다. 일하고 겜하고 일하고 겜하고 집에 박혀서 매일 똑같은 일상을 보내다 보니 블로그에 글을 오랫동안 안 쓰고 있었네요. 대부분 근황은 유튜브 동영상으로 대체하다 보니 더욱 더 그랬던 것 같습니다.   하지만 이번엔 영상보다 글로 남기는 게 더 유익할 것 같아 간만에 글을 쓰게 되었습니다. 바로 MySQL Data Types & Java Data Types 매칭! 현재 진행중인 외주 작업 중 SET 타입을 Java에선 어떻게 처리하나 찾아보다가 잘 정리된 블로그 글 을 발견해 나중에 손쉽게 찾기 위해 제 블로그에도 씁니다. 위 링크에 들어가시면 테이블로 잘 정리돼 있으니 한 번 들어가 보시는것도 괜찮겠네요. 왼쪽은 MySQL, 오른쪽은 Java의 데이터 타입입니다. BIT <-> Boolean TINYINT <-> Integer BOOL/BOOLEAN (TINYINT(1)) <-> Integer SMALLINT <-> Unsigned 상관없이 Integer MEDIUMINT <-> Integer, Unsinged라면 Long INT <-> Integer, Unsigned라면 Long BIGINT <-> Long, Unsigned라면 java.math.BigInteger FLOAT <-> Float DOUBLE <-> Double DECIMAL <-> java.math.BigDecimal DATE <-> java.sql.Date DATETIME <-> java.sql.Timestamp TIMESTAMP <-> java.sql.Timestamp TIME <-> java.sql.Timestamp YEAR <-> yearsIsDateType이 설정됐다면 java.sql.Date, 아니라면 Short CHA