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...

편리한 엘리먼트 배치   작년 중후반이었습니다. 좀비 서바이벌 어드민 여러분들이 게임 외에서도 편하게 유저를 관리할 수 있도록 웹 관리 툴을 만드려고 했는데, 제 절망적인 디자인 감각이 망설이게 만들었었죠. 재작년이었나 재재작년이었나, 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 CHAR 컬럼이 Binary로 설정되지 않았다면 String, 돼 있다면 byte[] VARCHAR CHAR와 동일 BINARY byte[] VARBINARY byte[] TINYBLOB byte[] TINYTEX...