잡다한 개발 블로그

https://blog.google/products/translate/google-translate-new-languages-2024/ 110 new languages are coming to Google TranslateGoogle Translate adds 110 new languages using AI, breaking down communication barriers for millions around the world.blog.googleGoogle 번역은 AI와 PaLM 2 언어 모델을 사용하여 신규 언어 110개 추가하습니다.아파르어(Afar), 광둥어(Cantonese), 맹크스어(Manx), 응코어(NKo), 펀자브어(Punjabi), 타마지트어(Tamazight), 톡 피신어(Tok ..

이 전 글에 이어서 일본 워케이션시에 공유 오피스 WeWork를 활용하는 법에 대해 적어보려고 한다.  개발자 일본 워케이션 한 달 살기: 준비편코로나가 사그라들고 재택, 리모트 근무가 점점 사라지고 있는 요즈음. 리모트 근무가 사라질 수도 있으니 더 늦기 전에 워케이션을 가보고 싶었다. 회사에서 한달까지는 국외 근무가 가능해서d0gf00t.tistory.comWeWork 멤버십 비교WeWork 에는 한 달 동안 여러 지점을 오가면서 사용할 수 있는 플랜이 2가지가 있다. 올 액세스 베이직(All Access)와 올 액세스 플러스(All Access Plus)가 있다. 올 액세스 플러스는 더 비싼 금액을 주고 더 많은 지점을 사용할 수 있고, 매월 제공하는 크레딧(폰부스나 미팅 룸등을 예약할 수 있는 코..

코로나가 사그라들고 재택, 리모트 근무가 점점 사라지고 있는 요즈음. 리모트 근무가 사라질 수도 있으니 더 늦기 전에 워케이션을 가보고 싶었다. 회사에서 한달까지는 국외 근무가 가능해서 같은 회사에 다니는 개발자 룸메이트와 상의하여 일본에서 한 달간 살면서 워케이션을 하기로 했다.실은 워케이션이라고 말하긴 했지만, 사실 휴일을 보내는 느낌으로 관광을 만끽하면서 보내려는 생각은 아니였고, 현지인들의 삶을 간접적으로나마 체험해보는 것이 목표였다. 일본으로 정한 이유대단한 이유는 없었다. 비행기를 오래타고 싶지 않았고, 시차가 없고(부끄럽지만 전에 국외 출장 갔을 때, 시차때문에 몇 번 회의 일정을 헷갈린 적이 있었다), 일본어를 조금 배웠으니 조금 시험해보고 싶기도 했고, 때 마침 엔저였다. 도쿄를 한번도..

참고 링크: Can no longer browse without Charles running Charles를 한참 사용하던 중에 Charles를 종료하였더니 인터넷을 사용할 수 없는 경우가 있다. 브라우저의 프록시 설정이 Charles를 사용하도록 변경이 되었지만, Charles 종료 후에 설정을 되돌리지 않은 경우일 수 있다. 이에 대한 해결법을 정리한다. 1. Charles 재실행 후 종료 Charles를 실행한 다음, 정상적으로 종료를 해본다. Charles가 비정상적으로 종료된 경우에는 프록시를 재설정할 수 있기 때문. 2. 프록시 설정 수동 변경 1번의 방법으로 해결이 안되는 경우, 프록시 설정을 수동으로 변경해야 한다. 원본 글에는 OS/브라우저별 설정 방법이 있지만, 여기에서는 Mac을 기준..

JS에서, 특히 JSX에서 배열이 유효할 때에만 실행/노출시키기 위한 방법으로 흔히 아래와 같은 optional chaining을 사용한다. (array?.length > 0) && /*...*/ 같은 코드를 TS에서도 사용했더니, 객체가 undefined 일 수 있다는 에러를 띄웠다. array에 대한 undefined 는 optional chaining으로 검사하고 있어 무슨 소리인지 바로 이해할 수 없었다. 결론은 optional chaining으로 인해서 array가 undefined 일 때, array?.length 가 undefined 로 처리되기 때문에, undefined > 0 부분에서 비교할 수 없어서 에러를 띄운 것이다. 참고 Object is possibly 'undefined' Er..

gitignore.io Create useful .gitignore files for your project www.toptal.com Git 저장소용 .gitignore 파일 생성 웹 서비스. 운영체제, 개발환경, 프로그래밍 언어 등을 입력하면 그에 맞는 .gitignore 파일 제공.

CSS Support Guide for Email Clients A complete breakdown of the CSS support for the most popular mobile, web and desktop email clients on the planet. www.campaignmonitor.com 이메일(Email) 클라이언트별로 사용 가능한 스타일(스타일 관련 엘리먼트, CSS 선택자, CSS 속성)에 대한 가이드 제공

mydevice.io : web devices capabilities Mobile devices, in Responsive Web Design, relate to a core value which is the value of CSS width or ("device-width"), in CSS Device Independant Pixels, which depends both of the browser and user zoom settings. Choose your weapon : www.mydevice.io 접속한 디바이스 및 다른 메이저 디바이스 스크린 정보 제공 사이트. 현재 디바이스 정보 스크린 메트릭(Screen metrics): 스크린 크기, 픽셀 레티오(pixel ratio), 해상도(resol..

CSS Triggers @PROPERTY_DESCRIPTION@ B G W E Change from default B G W E Subsequent updates csstriggers.com CSS 속성이 브라우저 별로 렌더링 단계에 어느 부분을 트리거하는지 정보를 알려주는 사이트.

문제 상황 IE 10에서 video tag를 사용하여 동영상을 노출 시켰을 때, Invalid Source 라고 노출되며 재생 불가 해당 비디오는 서버에서 MIME type "application/octet-stream" 으로 내려주고 있었음 MIME type: application/octet-stream 이란 application/octet-stream 는 다른 모든 경우를 위한 기본값입니다. 알려지지 않은 파일 타입은 이 타입을 사용해야 합니다. 브라우저들은 이런 파일들을 다룰 때, 사용자를 위험한 동작으로부터 보호하도록 개별적인 주의를 기울여야 합니다. 출처: MDN - MIME 타입의 전체 목록 해결 방안 서버에서 비디오의 MIME type을 video/mp4로 반환하도록 변경. 참고 링크 HTM..