Chrome dev 파일 덮어쓰기

Chrome dev에서 파일 덮어쓰기(Override)

  1. Sources -> Overrides 탭을 열고 로컬 폴더를 지정한다.
  2. Sources탭에서 js/html 파일을 수정하고 저장하면 로컬 폴더에 결과가 저장되고
  3. 웹 사이트를 새로 고침하면 기존 파일 대신에 위에서 저장한 파일이 돌아가는 것을 볼 수있다.

 

ISO 8601, Safari와 Chrome의 차이

Safari와 Chrome에서 날짜 처리가 다른 것은 알고 있었지만 ISO 8601 텍스트 처리가 다를 줄은 또 몰랐네요. 서버에서 받은 텍스트가 ISO8601 시간 텍스트를 문자로 받았고 new Date()로 생성 또는 Date.parse()한 결과가 둘이 다르게 해석됩니다. (아래 캡쳐 이미지는 위가 Chrome, 아래가 Safari)

Screen Shot 2019-06-21 at 9.11.40 AM

Screen Shot 2019-06-21 at 9.12.00 AM

Chrome에서는 ‘2018-04-16T00:00:00’ 시간에 대한 해석이 한국시간(GMT+0900) 기준의 2018년4월16일 00:00:00으로 해석하고 Safari에서는 2018년4월16일 00:00:00을 GMT+0000시간으로 계산한 다음에 한국시간(GMT+0900) 으로 보여지게 됩니다.

Screen Shot 2019-06-21 at 9.16.18 AM

Screen Shot 2019-06-21 at 9.16.49 AM

ISO8601의 타임존(TZD:Time zone Designator)를 직접 설정하게 되면 동일한 시간을 보여줍니다. 위에는 Zulu(GMT+0000)를 기준으로 입력하였고 아래는 한국시간(GMT+0900)으로 설정한 경우입니다.

Screen Shot 2019-06-21 at 9.20.37 AM

Screen Shot 2019-06-21 at 9.20.46 AM

참고자료 + 재미있게 읽은글:

 

nuxt에서 proxy 설정하기

nuxt에서 proxy가 필요했던 이유:

SPA 모드로 로컬에서 개발시 nginx 없이 API 서버를 호출하면서 결과값 기준으로 개발을 하고 싶었습니다.

Webpack의 devServer의 proxy

Nuxt에 webpack이 포함되어 있어서 webpack의 dev server가 들어가 있을거라 생각하고 nuxt의 build 옵션에서 proxy를 설정해봤는데요. 설정이 동작하지 않더군요… nuxt proxy로 검색한 결과물을 찾아보았는데 대부분이 서버렌더링을 사용한 경우라서 원하는 답을 찾지 못해서 nuxt 개발모드 코드를 살펴보았는데요.

dev 모드에서 nuxt 실행 따라가기

node_modules의.bin 폴더에서 dev 모드 실행시 호출 코드를 찾아봤는데요. Nuxt 인스턴스를 생성한 다음 코드 변경을 감지해서 새로운 인스턴스에서 nuxt.listen()을 호출합니다. listen() 코드(lib/core/nuxt.js)를 따라가면 renderer.app.listen()을 다시 호출하는데요.  여기의 app이 node connect 를 서버로 사용하는 것을 확인할 수 있습니다.

serverMiddleware

nuxt 인스턴스가 생성할 때 renderer의 ready()를 호출하는데요. 이 메소드 안에서 setupMiddleware()를 호출하고 여기에서 connect 서버에서 사용할 middleware를 등록합니다. dev인 경우에는 webpack dev middleware와 hot middleware를 등록하게 되며 사용자가 serverMiddleware 옵션을 설정한경우 이들을 connect에 등록하게 됩니다.

여기에서 사용되는 미들웨어는 nuxt의 connect 서버가 호출되기 전에 클라이언트 또는 서버사이드 렌더링 호출하기 전에 호출되게 됩니다. (nuxt의 routes middleware와 전혀 다릅니다.)

-webkit-touch-callout

일단 callout 또는 call-out이 뭔지 찾아봤는데 위키피디아에서는 무언가를 자세히 설명하기 위해 설명과 함께 선, 화살표 또는 비슷한 그래픽을 사용하는 것을 callout이라고 설명하고 있다. (computerhope의 callout 정의)

callout

-webkit-touch-callout은 사용자가 타겟을 터치하거나 꾹 누르는 경우(롱터치) 보여지는 기본 ui를 제어하는 속성이다. 비표준이며 iOS에서 터치 동작을 막고 싶을 때 사용할 수 있다.

출처: https://developer.mozilla.org/en-US/docs/Web/CSS/-webkit-touch-callout

책 잘 읽는 방법

Book

책을 읽으면 잘 살수 있느냐는 질문에 저는 이렇게 답하고 싶어요. 정해진 운명보다 조금 더 나은 삶을 살 수 있다고요.

by 김봉진 님의 ‘책 잘 읽는 방법’에서

책에서 인용한 김영하 님의 “읽을 책을 사는 것이 아니라 산 책 중에서 읽는것이다.”도 마음에 와 닿는 글이었네요.

 

삼성전기레인지 잠금 해제

samsung_electric_range

거주중인 오피스텔이 정전이 되면서 삼성 전기레인지가 잠금상태로 되었는데요. (잠금상태에서는 자물쇠 아래쪽의 빨간색 등이 점등이 됩니다.)

해제 방법은 전혀 버튼처럼 생기지 않은 자물쇠 버튼을 2분정도 꾹 누르면 해제가 됩니다. 전원 버튼에 대한 안내 이미지처럼 생겼지만 버튼입니다;;;;