전체 글338 [우아한테크][3월] "개발자 원칙" : 제어할 수 없는 것에 의존하지 않기 신청 배경 평소에는 잘 확인하지 않는 개인 메일에 [신청 시작] 3월 세미나 | 테크 리더 3인이 전하는 "개발자 원칙" 이라는 제목이 눈에 띄어 들어가게 됐다. '3월 29일이면 오늘이구먼' 하고 넘어가려다가 눈에 띄인 주요 내용과 추천 대상이 요새 내가 하고 있는 고민과 비슷한 것 같아서 바로 신청해버렸다. 강연 내용 그 중 첫 번째 세션인 인프랩의 이동욱님의 제어할 수 없는 것에 의존하지 않기 라는 강연을 정리해보려 한다. 프로덕트 엔지니어란? 일정은 지키지만 버그가 많은 개발자 VS 일정은 못 지키지만 버그가 없는 개발자 두 가지 중 어떤 개발자가 되는 것이 좋을까? 나카지마 사토시의 '오늘, 또 일을 미루고 말았다.' 라는 책에서는 아래와 같은 말이 나온다. 프로그래머에게 요구되는 것은 100점.. 2023. 4. 16. [Cross Browsing] 모바일 iOS 크롬에서는 WebM을 지원하지 않는다? WebM이란? [Cross Browsing] webm 영상의 투명도를 지원하지 않는 Safari 브라우저WebM 이란? 먼저 WebP를 알아보자. WebP 포맷은 2010년 구글에서 개발한 이미지 포맷으로 웹 환경에서 JPEG 및 PNG 포맷을 대체할 목적으로 개발되었다. 손실 압축과 비손실 압축을 둘 다 지원하며, 흔히doqtqu.tistory.com이전 글 참고이슈 WebM은 크롬에서 구글이 2008년에 VP8을 만들었던 On2 테크놀로지스를 인수하여 비디오 코덱의 컨테이너로 발표한 포맷이며, 컨테이너에 사용되는 영상 코덱과 음성 코덱이 완전히 무료이기 때문에 유튜브에서는 이미 이 포맷을 일부 사용하고 있다. 그렇다면 크롬에서는 WebM이 잘 동작하겠구나! 라고 안일한 생각을 했다. 하지만, 모바일 .. 2023. 3. 29. [Cross Browsing] webm 영상의 투명도를 지원하지 않는 Safari 브라우저 WebM 이란? 먼저 WebP를 알아보자. WebP 포맷은 2010년 구글에서 개발한 이미지 포맷으로 웹 환경에서 JPEG 및 PNG 포맷을 대체할 목적으로 개발되었다. 손실 압축과 비손실 압축을 둘 다 지원하며, 흔히 사용되는 JPEG 및 PNG 포맷보다 압축 효율이 좋다. 또한 애니메이션 GIF 파일을 대체하기 위해, WebP 포맷은 애니메이션 기능도 제공한다. 이미지의 속성에 따라 다르기는 하나, 애니메이션 WebP 파일은 같은 내용의 GIF 파일보다 파일 크기가 1/5 ~ 1/10 정도로 작다. 과거에는 WebP 포맷을 지원하는 브라우저가 많지 않았지만, 최근에는 Chrome, Firefox, Edge 등 주요 브라우저라면 대부분 WebP 포맷을 지원한다. 아이폰의 경우 2020년 9월 출시된 i.. 2023. 3. 14. [버스도착정보] 정적 웹사이트 호스팅하기 (GitHub Pages 사용) [React.js] 버스도착정보 조회 웹 페이지 개발 웹 페이지 설명 버스도착정보 국토교통부 Open API를 사용하여 제작한 버스 정보 안내 웹 사이트, 현재 위치 기준으로 가까운 정류소 정보를 반환, 정류소 별 도착 예정 버스 정보를 조회할 수 있 doqtqu.tistory.com 약 2년 전에 '버스도착정보' 조회 웹 페이지를 개발해서 블로그에 포스팅 했었다. 국가지점번호 사이트와 같이 GitHub Pages로 배포했더니 Mixed Content 에러가 발생해서, 간단한 Node 서버를 만들어 헤로쿠를 사용해 배포했다. 하지만, 2022년 11월 28일 이후로 헤로쿠 서비스가 유료로 전환되었는데.. 여기저기 Node.js를 무료로 호스팅할 수 있는 다른 서비스를 찾아보다가, 코드를 다시 살펴보니 굳.. 2023. 2. 17. [React.js] https에서 http API request 호출하기 ISSUE Mixed Content: The page at ... was loaded over HTTPS, but requested an insecure script 'http://..' https 웹사이트에서 http request를 시도하면 위와 같은 에러 구문이 발생한다. 해당 에러는 https 환경에서만 발생하는 에러라서 dev 환경에서는 문제없이 잘 동작하지만, 배포 직후 에러가 발생해 당황스러울 수 있다. 위 에러는 git-pages로 정적 파일을 호스팅했을 때 발생한 에러이다. dev 환경에서는 http에서 http를 호출하기 때문에 에러가 발생하지 않지만, git-pages로 배포를 하면 호스팅 주소가 자신의 git repogitory 주소가 되기 때문에 자동으로 https로 배포가 되므로.. 2023. 2. 16. [JavaScript] reduce를 사용하여 순차적으로 프로미스 실행시키기 Promise.all() Promise.all()은 여러 개의 비동기 작업을 병렬(순서를 보장하지 않음)로 실행시키는 경우 사용된다. 여러 개를 동시에 실행하고 가장 마지막 작업이 완료될 때 완료 상태의 프로미스를 반환한다. const myPromises = [ new Promise((resolve) => setTimeout(() => {resolve('A (slow)'); console.log('A (slow)')}, 1000)), new Promise((resolve) => setTimeout(() => {resolve('B (slower)'); console.log('B (slower)')}, 2000)), new Promise((resolve) => setTimeout(() => {resolve(.. 2023. 1. 28. 이전 1 2 3 4 5 ··· 57 다음 반응형
