티스토리

kicksky

검색하기

블로그 홈

kicksky

kicksky.tistory.com/m

개발하면서 읽은 글들, 공부한 것들 곱씹기

구독자: 1

방명록 방문하기

주요 글 목록

실전! 리팩토링 배경 회사 내부 일정, 개발팀 일정 꼬여서 예상치 못한 공백이 생겼다. 소규모 인력으로 운영하느라 매번 밀려있던 버그를 처리하기로 했다. 우리 서비스를 이용하는 크리에이터는 영상을 업로드 하고 유저가 동작을 따라할 구간을 설정해야 한다. 바로 이 구간 설정 기능을 손봐야 했다. 목표 바뀐 정책을 반영하고, 자잘한 버그를 수정하자 ! (사실 정책은 작업 도중에 확정되긴 했다) 올해 초 이벤트 진행 중에 발생한 버그였다. 유저가 구간 간격을 너무 밭게 설정하면, 순차적으로 이루어져야 하는 서버와의 실시간 소켓 통신이 네트워크 환경에 따라 꼬여버릴 수 있었고, 유저가 서비스를 정상적으로 이용할 수 없었다. 사실 일종의 엣지 케이스여서 흔히 발생하는 경우는 아니었지만 안정성을 위해서는 개선이 필요했다. UI 상.. 공감수 1 댓글수 0 2022. 7. 31.
Serverless + Next.js에 Sentry 도입하기 제목 거창해서 웃기다. 사실상 센트리 도입 과정의 삽질 여정에 대한 기록인데(...). 센트리를 여러 회사에서 도입해서 사용하는 것 같은데 막상 공식 홈페이지의 가이드나 문서는 다국어 지원이 안 보여서 다들 어떻게 쓰고 있는건지 좀 의아했다. 나만 좀 헤맸나 싶었다. 어쨌든 누군가에게는 도움이 되지 않겠나 싶어 기록을 남기기로 했고, 사실상 환경 설정 과 관련된 번역 위주의 설명이 될 것 같다. 배경 우선, 센트리를 도입한 배경. 우리 팀은 Serverless 환경에 배포되고 실행되는 Next.js 기반의 프로젝트를 운영하고 있고, 특별한 계기가 있던 건 아니지만 프로덕트를 성장시키려면 좀 더 체계적으로 관리할 수 있는 조건을 만들어 놓아야 할 필요성을 느껴 팀 내에서 센트리를 한 번 써보자는 결론이 나.. 공감수 2 댓글수 1 2022. 6. 30.
[TIR] 2022년 웹 개발 Baseline 우연히 LINE 테크 블로그에서 2022년 웹 개발의 경향과 변화를 분석한 글을 읽게 되었다. 분석적이고 논리적이여서 개인적으로 기술 관련 글쓰기를 할 때 자주 참고할 것 같은 글이었다. 읽다가 새롭게 알게 되거나 기억해야할 부분을 발췌해보려고 한다. 우선 가장 중요한 사건은 역시나 IE의 은퇴였다. 이것은 단순히 이제 IE를 쓰지 않는 것을 넘어 웹 개발 전반의 발전 방향과 변화를 의미한다. 그러한 맥락에서 기존의 웹 표준이었던 IE가 은퇴했으니 새로운 베이스라인을 세워보자는 것이 이 글의 요지이다. 새로운 베이스 라인 사용자 기기(CPU 성능), 각 브라우저의 웹 표준 구현 수준, 모바일 네트워크 가용 상황(4G, 5G)을 근거로 삼아 베이스 라인을 도출하고 정의한 것이 인상적이었다. 차례대로 And.. 공감수 0 댓글수 0 2022. 6. 20.
[TIL] Promise, async/await 오늘 처음 배운 개념과 문법은 아니지만 오늘 처음 '제대로' 알게 된 사실들이 있어서 짧게 정리(...) + 볼드 처리 해보았다. Promise let promise = new Promise((res, rej) => { // executor // res() // rej() }); - 프로미스 객체에 전달되는 executor 함수는 프로미스 객체가 생성될 때 자동으로 즉각 실행된다. - 해야할 일들이 이 함수 내부에서 처리되고 -> 그 결과에 따라 자바스크립트가 제공하는 콜백인 resolve 혹은 reject가 호출한다. - resolve, reject는 하나의 인수만 받고 나머지는 전부 무시 - 처리된 settled 프로미스에 resolve, reject를 호출해도 무시 then, catch, final.. 공감수 0 댓글수 2 2022. 6. 12.
[TIR] 오랜 프로그래머로부터의 조언 웹 서핑하다가 우연히 "오랜 프로그래머로부터의 조언"이라는 발췌 글을 발견했다. 글을 쓴 Zed Shaw는 20년 이상의 경력을 가진 개발자임에도 불구하고 전혀 비장(!)하지 않게 진심이 전해지는 메세지를 전달한다는 인상을 받았다. 몇 군데 밑줄을 그었다. " 제가 이 과정에서 깨달은 것은, 언어는 전혀 상관이 없고, 언어를 가지고 뭘 하느냐가 상관이 있다는 사실입니다. 사실 그걸 모르는 건 아니었지만 언어에 정신이 팔려서 매번 잊고 있었죠. 이제 저는 더 이상 그 사실을 잊지 않고, 여러분 또한 잊으면 안 됩니다. 당신이 어떤 프로그래밍 언어를 배우고 쓰는지는 아무 상관이 없습니다. 프로그래밍 언어를 둘러싼 종교들에 빠지지 말고, 언어의 참 목적은 재밌는 일을 하는 도구라는 점을 잊지 마세요. 지적 활.. 공감수 2 댓글수 1 2022. 6. 10.
크롬 브라우저로 프로세스와 스레드 이해하기 요즘 CS 관련해서 프로세스와 스레드를 설명하는 여러 글들을 읽었는데, 좀 추상적인 개념이다보니 단박에 이해되지 않았다. 프로세스는 "운영체제가 시스템의 자원을 할당하는 작업의 단위"이고, 스레드는 이처럼 "프로세스를 구성하며, 프로세스가 할당 받은 자원을 활용하는 실행 흐름의 단위"라고 한다. 우리가 프로그램이라고 알고 있는 것이 실행되어 운영 체제에 의해 메모리 공간이 할당되면 프로세스가 생성되고 동적인 상태가 된다고 한다. 끙. 사실 여기에서 뭘 더 설명해야 하냐고 하면 할말이 없지만 좀 더 구체적인 정보가 필요했다. 프론트엔드 개발을 하면서 이 개념과 가장 밀접하게 관련이 있을 것 같은 브라우저를 통해 프로세스와 스레드를 이해하는 게 낫겠다 싶었다. 그러다가 NAVER D2에서 "최신 브라우저의 .. 공감수 2 댓글수 0 2022. 6. 6.
[TIR] 무례함과 친절 김경일, [CEO 심리학] 직원들의 잦은 실수는 기강해이가 원인 아니라 리더의 무례함 때문이다, 2021. 12. 23 한달 전 쯤 읽었던 기사인데 오늘 비슷한 글을 읽어서 같이 가져왔다. 위의 기사 내용은 제목 그대로이고, 실제 실험으로 증명된 연구 결과 등으로 제목과 관련된 주장이 뒷받침 된다. 그 중에서도 인상적인 결과는 다음과 같다. 아마 내가 이 기사를 그냥 지나치지 못한 이유일 것이다. "포래스 교수의 연구를 요약하자면, 상대방 특히 상사나 리더에게 무례한 지적과 비판을 받은 사람은 상당 기간 동안 업무에 집중하지 못하고 의욕이 떨어진다. 그런데 더욱 심각한 것은 무례함의 피해자가 아니라 그저 단순한 목격자에게도 이 결과가 거의 '유사한 정도'로 나타난다는 것이다." 근무 환경의 분위기라는 게.. 공감수 0 댓글수 0 2022. 6. 4.
[220521] 개발자, 프로덕트(디자인) 팀과 협업 한 회사에서 딱 1년을 채우고 나니까 입이 막 터지네. 매일 하고 싶은 말이 떠오른다. 오늘은 동료 디자이너로부터 고마운 피드백을 받았다. 다음 주부터 본격적으로 개발을 실행할 프로덕트가 있어서 오전에 피그마를 보고 디자인 리뷰를 해서 전달 드렸는데, 그 리뷰를 계기로 피드백을 주신 것 같았다. 나한테 디자인 리뷰를 받으면 아이디어가 정리되고 방향이 선명해져서 도움이 되어 감사하다는 내용이었다. (사실 나도 열심히 숨기려고 하지만 머릿 속은 항상 대혼란이라 피드백을 받고 아주 잠시 몸둘 바를 모르긴 했다.) 사실 회사가 소규모다 보니 디자인 팀에서 개발 팀으로 넘어오는 핸드오프가 엄청 체계적이거나 상세하다고는 할 수 없는데, 그래서 디자인에서 개발로 이어지는 흐름에서 중간 단계를 하나 더 놓을 필요성을 .. 공감수 1 댓글수 0 2022. 5. 21.
[220520] 문제 해결 문제 해결보다 더 어려운 건 사실 문제를 알아차리고 원인을 정확하게 짚어내는 일인 것 같다. 해결을 찾고 시도하는 하기 위해서는 문제 인식이 선행 되어야 하기 때문이다. 어쩌면 진짜 문제가 뭔지 아는 것 자체가 문제 해결의 일부라고 볼 수도 있겠다. 무언가 잘못 되었다고 '느끼는 것', 이 잘못의 원인이 어디에 있는지 더듬더듬 찾는 것, 뭔가 잡히는 것 같을 때 여러 가설들을 세워서 문제가 제거되는지 확인해보는 것; 1년 차 중반까지만 해도 이런 프로세스를 정확히 이해하지 못했던 것 같다. 지금 생각해보면 1인분의 몫을 하겠다는 강박과 긴장 속에 눈 앞에 놓인 일들을 수행하기 급급했다. 다른 팀에서 오는 요청에 대해 스스로 한번 검토하거나 고민하는 단계 없이 그저 받아서 해치웠다. 그게 내 역할이라고 생.. 공감수 0 댓글수 0 2022. 5. 20.
[Next.js] :first-child CSS Selector 경고 Next 환경에서 개발을 하다보면 치명적이지는 않지만 주의하라는 경고들이 가끔 뜨는데 :first-child CSS Selector를 사용하지 말라는 경고도 그 중 하나이다. 저 셀렉터를 수정하지 않는다고 개발 진행이 불가능한 건 아니라서 무시하고 작업을 했다가 코드 리뷰에서 한번 이야기가 나온 적이 있다. 사실 코드 리뷰 받기 전에 다 수정하고 PR 올려야 하는데 내가 놓친 부분이다. 아무튼 동료 개발자도, 나도 개발하다가 저 경고를 본 적이 있었고 수정해야 하지않겠냐는 말이 나왔는데 정작 둘 다 왜 쓰면 안 되는지는 정확히 모르고 있어서 같이 찾아봤다. 정확한 답변은 이 링크에서 확인할 수 있었다. 엄밀히 말하면 Next.js 보다는 emotion 쪽 이슈였다. SSR + emotion 정리해보면 N.. 공감수 0 댓글수 0 2022. 5. 15.
[네트워크] HTTPS, TLS/SSL, 인증서 갱신, acme 얼마 전에 브라우저(클라이언트)와 서버 간의 데이터 교환에 관한 글을 읽으면서 잠깐 네트워크 공부를 했는데 머릿 속에서 흩어져있던 지식들이 조금은 맥락을 구성한 것 같아서 기록으로 남겨놓고자 한다. TCP + TLS 브라우저에서 어떤 URL을 입력해서 서버에 요청하는 과정 중 (DNS는 뛰어넘고) navigation 단계에서 TCP 연결이 이루어진다. 클라이언트와 서버 간에 3-way handshaking이 오고 감으로써 세션이 성립되며, 이는 이제 "네트워크를 통해 메세지를 교환"(전송 계층) 할 수 있다는 뜻이다. 그러고 나서 필요한 경우에는 TLS negotiation이 이루어진다. 필요한 경우란 암호화된 데이터 교환을 위해 HTTPS 프로토콜로 통신을 하는 경우에 해당한다. 이 과정을 대략적으로 .. 공감수 0 댓글수 0 2022. 5. 14.
[211216] 단상 오늘 여러 수정사항을 업데이트 해서 배포하고 코드리뷰도 받으면서 든 생각. 문제에 대한 해결 방법을 어떻게 찾을 것인지. 효율성 높은 방법을 우선 생각해보지만 최적이라고 할만한 건 없다. 검색도 해본 결과 대충 방법이 몇 가지로 추려지는데 마음에 드는 것도 없음. 이를테면 효율에 큰 차이는 없지만 가독성을 높이거나 라이브러리의 도움을 받거나. 이럴 때는 아예 제3의 방법을 생각해보거나 라이브러리의 원리를 단순하게 이해해서 적용해볼 것. 오늘 옆에서 도움을 받으면서도 스스로 아쉬웠다고 생각한 점이었음. 공감수 0 댓글수 0 2021. 12. 16.
[TIL] 빡센 주간 서버에서 받는 값이 같은 조건에서 다를 때 :: 같은 조건이 아님.. 클라이언트에서 보내는 값을 확인해야 함 z-index가 동일하고 툴팁 등이 서로 겹칠 때 :: 부모 엘리먼트에 호버 했을 때 더 높은 z-index 값을 주면 됨 (!) line-clamp + offsetHeight, clientHeight 공감수 0 댓글수 0 2021. 12. 6.
forwardRef react에는 두 종류의 ref가 있다; ref 객체, ref 콜백. 전자는 useRef로 만들어지며 current 프로퍼티를 갖는 객체; RefObject. T는 current에 할당되는 값의 타입이다. 후자의 경우, 엘리먼트에 함수를 넘겨주면 인스턴스가 생성되거나 사라질 때 해당 함수가 콜백된다; (instance: T) => void 둘 모두를 가리키는 건 Ref. ref를 prop으로 넘겨 받기만 한다면 그 컴포넌트는 Ref로 충분. 이 때 ref는 객체일 수도, 함수일 수도 있다. 그러나 해당 Ref를 컴포넌트 내에서 ref Object로 활용하려면 타입의 범위를 RefObject로 좁혀야 한다. 하나 더, 범위를 제한하지 않으면서 ref를 활용하고 싶다면 interface ExampleProp.. 공감수 0 댓글수 0 2021. 11. 22.
drawer in m.youtube ytm-engagement-panel ytm-engagement-panel-section-list-renderer.engagement-panel-comments-section .engagement-panel-section-list-background.draggable .engagement-panel-container .engagement-panel-section-list-header-wrapper .engagement-panel-content-wrapper ytm-section-list-renderer ytm-single-column-watch-next-results-renderer aria-hidden .player-size { position: relative; width: 100%; padding-.. 공감수 0 댓글수 0 2021. 11. 21.
hls.js :: 퀄리티 설정 API levels 현재 선택할 수 있는 레벨 배열 [] currentLevel get: 현재 재생 퀄리티 레벨 set: 즉시 현재 퀄리티를 새로운 레벨로 변경. 현재 요청한 fragment이 있다면 취소, 모든 버퍼를 제거, 현재 재생 위치와 요청한 레벨과 일치하는 frament를 불러온다. nextLevel get: 다음 퀄리티 레벨을 가져온다. 아직 버퍼되지 않았다면 -1를 리턴. set: 다음 fragment의 퀄리티 레벨을 설정. 이미 버퍼된 다음 fragment를 제거할 수도 있다. (Trigger a quality level switch for next fragment. This could eventually flush already buffered next fragment.) loadLevel g.. 공감수 0 댓글수 0 2021. 11. 19.
[UI/UX] px에서 rem으로 최근에 "Why designers should move from px to rem — and how to do that in Figma" 라는 제목의 글을 읽었다. 평소에 관심 있었지만 항상 헷갈렸던 주제였는데 개념에 대한 설명과 실제 업무에서 쓰는 예시와 활용 방법 까지 알려주어서 너무 큰 도움이 되었다. 다음에 회사 디자이너 분들과 꼭 같이 읽고 싶다. 간단하게 정리를 해봤다. px 값의 문제점 절대값, 고정된 물리 값. 브라우저에는 기본값인 루트 폰트 사이즈가 있는데 보통 16px이다. 유저는 설정에서 이를 직접 변경할 수 있고, 시력 장애가 있는 유저의 경우 이 기능이 웹을 이용하는 데 중요할 수 있다. 그런데 px 값을 쓸 경우, 유저가 직접 자신에게 적절한 폰트 사이즈를 선택해도 이를 무시해버.. 공감수 0 댓글수 0 2021. 11. 14.
[TIR] 거부 1. Arwa Mahdawi, Let them eat space! Elon Musk and the race to end world hunger The government, of course, has already come for the majority of us. The median American household paid about 14% in federal taxes in recent years (that doesn’t include state taxes). Billionaires pay only a tiny fraction of that. ProPublica has calculated that Musk’s “true tax rate” is a minuscule 3.27%. But that’s OK.. 공감수 0 댓글수 0 2021. 11. 8.
미래 없는 미래에 대한 생각 매주 더 좋은, 나은 사람이 되는 방법에 관한 짧은 영상들을 보는데 평소에 잘 보지 않는 유형의 영상들이라 무척 흥미롭다. 이 영상들은 공통적으로 오늘보다 '미래'에 더 나은 인간이 되는 것에 포커스가 맞추어져 있다. 원하는 모습을 정말 구체적으로 상상한다든지, 그런 상상을 미래에 현실로 만들기 위해 현재에 해야하는 일들에 과감히 집중하고 몰입한다든지, 부정적인 말을 멈추고 해야할 일을 실천에 옮기든지 여러 삶의 지침들을 때로는 과학적으로도 알려준다. 나도 사실 더 나은 사람이 되고 싶어하는 사람 중 하나고 전혀 몰랐다가 새롭게 알게 되는 지침과 방법들이 많다. 실제로 일상에서 실천해보고도 있고 나에게 도움이 되리라는 것도 믿는다. 그렇지만 이러한 정보를 얻고 실천하면서도 실은 마음 한켠에 항상 무언가를.. 공감수 0 댓글수 0 2021. 11. 8.
컴포넌트 렌더링 vs. opacity 어제 도움을 받았던 코드: state 값에 따라 컴포넌트 자체를 렌더링 할지 결정하기 vs. 컴포넌트는 항상 DOM에 위치시키되 state값을 prop으로 내려주어 opacity값으로 화면에 표시할지 결정하기 background-image가 중요한 역할을 하는 컴포넌트였기 때문에 초기에 후자의 방법이 더 적절했다. 전부 마운트 시켜서 이미지를 미리 로드한 뒤 opacity를 조절하면 컴포넌트를 새로 마운트 시키는 것에 비해 이미지 초기 로드 시간에 영향을 받지 않기 때문. 이 때, 부모가 내려주는 props를 자식 컴포넌트에서 useEffect와 useState로 한 번 필터했다. 사실 가장 흔한 패턴 중 하나인 것 같은데 다른 방법은 없는지 궁금해졌음. 공감수 0 댓글수 0 2021. 11. 4.
Focus fixup rule/document.activeElement = body 단축키 적용 불가 video 엘리먼트에 play() 메소드를 실행하는데 단축키가 적용되지 않는 문제. 포커스를 빼앗긴 것이 원인이었다. document.activeElement를 추적하니 계속 body를 잡는다. 근거를 알 수 없는 황당한 현상. The section Focus fixup rule one was introduced in February 2014 and made a little clearer in November 2016. It describes that focus is returned to when the active element loses its ability to receive focus. https://allyjs.io/tutorials/mutating-active-element... 공감수 0 댓글수 0 2021. 11. 2.
modal, height, body-scroll-lock 모달 직접 만들다가 아주 쇠약해졌다... 100vh를 남발한 결과, ios safari에서 뷰포트 하단의 주소바 때문에 컨텐츠가 가려지는 동시에 스크롤도 불가능한 문제가 생겼다. vh 단위를 사용할 때 예외 케이스들을 하나씩 처리하는 것보다 실제로 보이는 문서를 기준으로 하는 단위가 더 확실할 것 같다는 조언을 받아 html 구조부터 다시 배워서 적용했다... 모달 // 전체 화면을 차지하는 엘리먼트 - innerHeight만큼의 높이를 갖는다. .container { position: fixed; top: 0; right: 0; left: 0; bottom: 0; } // 부모 요소인 .container의 높이를 갖는다. .modal-wrapper { height: 100%; } // 실제 컨텐츠를 감.. 공감수 2 댓글수 0 2021. 10. 26.
CSS 애니메이션과 불타는 CPU Do Not Burn Your CPU Working With CSS Animations 120장의 이미지를 불러오기 + css animation을 적용한 placeholder + lazy loading lazy loading이 되기 때문에 첫 10장은 placeholder가 사라지고 이미지가 보이지만 나머지 110장은 infinite loop animation css가 돌아가고 있는 상태 => translateZ(0) ? CSS keyframe animation CPU usage is high, should it be this way? Lastly, not all properties are equal -- box-shadow is much harder for the browser to animate sm.. 공감수 0 댓글수 0 2021. 10. 5.
우아한형제들 경력 개발자 인터뷰 리뷰 2021 우아한형제들 경력 개발자 인터뷰 #2편 먼저는 풀스택 개발자는 빠르게 프로토타입이 필요하거나 여러 조직이 협업해야 하는 경우가 종종 발생할 때, 어떤 것이 필요한지 즉시 파악할 수 있다는 장점이 있습니다. 인프라부터 백엔드, 프론트엔드까지 각 스택(Stack)에서 필요한 일이 무엇인지, 어떻게 해야 병렬적으로 진행할 수 있게 되는지, 블로커(Blocker)가 무엇인지 등 계획 단계부터 확인이 가능합니다. 단점을 지적받고 고치기를 요구받는 사람은 고민에 빠져 스스로의 행동에도 제약을 만듭니다. 그로 인해 이전보다 장점을 발휘하기 어려워지므로 자신의 장점은 극대화하고, 단점은 동료들과 서로 보완하도록 해야 합니다. 단점 없는 사람 없고, 그런 단점들을 서로 감싸줄 수도 있어야 해요. 학교 다닐 때도.. 공감수 0 댓글수 0 2021. 10. 4.
[211004] glowing effect, guidelines glowing effect box-shadow와 text-shadow로 구현한 것 같은데, 현실의 어떤 물리적인 사물을 이렇게 웹에서 구현할 때 너무 짜릿함... awesome guidelines 가이드라인 같은 단어만 보면 게걸스럽게 북마크에 담는 사람(주니어) 작은 글씨에 안티앨리어스 효과 transform: rotate(0.03deg) 놀랍도다 공감수 0 댓글수 0 2021. 10. 4.
[211004] 차별방지법, 능력주의, 운 🍠 "어떤 사람의 삶을 감히 부정할 수 있다고 생각하는 사람들에게" 왜냐하면 어떤 사람의 삶과 선택 이야기는 누군가의 승인이 필요 없기 때문입니다. 용기와 신념, 유머를 우리에게 건네준 은용과 함께 하겠습니다. 마지막으로, 어떤 사람의 존재는 누군가의 승인이 필요하지 않습니다. 어떤 사람의 삶을 감히 부정할 수 있다고 생각하는 사람들과 나중에라는 합리화로 혐오와 차별을 방관하는 정권이 부끄러워 하셨으면 좋겠습니다. 구자혜 : 죽음 자체를 부정적으로 보는 건 아니고, 누구나 죽는다. 다만 '왜 죽었어야 했나'에 대해 생각한다. 죽을 수밖에 없었던 사람들에 대해. 지금 만들고 있는 연극이 동시대에서 작동하지만, 내가 만드는 연극이 영원히 남기보다는 가장 빨리 휘발되기를 기대한다. 즉, 동시대가 아니면 유효하.. 공감수 0 댓글수 0 2021. 10. 4.
[211003] 기사, 블로그 글들 🦴 가습기 살균제로 인한 폐손상 환자를 치료하고 그 원인을 밝힌 홍수종 교수 인터뷰 https://www.khan.co.kr/article/201307262341045 첫 해의 무기력함을 잊지 않고 그 이듬 해에 끝까지 원인을 추적하고 도움을 요청하고 협력함으로써 가치 있는 결과를 만들어낸 것이 인상적이었다. 그리고 그 결과에 대한 공을 환자에게 돌리는 것까지. 특별한 사명감 없이 총대를 매는 일. “앞서 세상을 떠난 환자들의 희생이 없었으면 지금도 답이 안 나왔을 수 있어요. 젊은 시절엔 제가 환자를 고친다고 생각하고 목이 빳빳했죠. 하지만 지금은 달라요. 환자가 선생님이에요.” 🦴 기업들이 신입개발자를 뽑지 않는 이유 https://subokim.wordpress.com/2021/09/15/why_d.. 공감수 0 댓글수 0 2021. 10. 3.
[210520] Starline Google Starline 화면 너머 상대방을 마치 실제로 내 앞에 있는 것처럼 보여주는 기술이라고 한다. 일반적인 화상 통화와 얼마나 다를까 싶었는데 블로그에 올라온 이미지와 영상만 보면-3D 캐릭터 같은 느낌이 전혀 없는 것은 아니지만-얼핏 둘 중 어느 쪽이 화면 속에 앉아있는지 헷갈릴 정도. computer vision, machine learning, spatial audio, real-time compression에 관한 연구를 적용하고, 추가적인 안경이나 헤드셋 없이 감각의 깊이와 볼륨을 만들어내는 breakthrough light field display system을 개발했다고 한다. 그 글에서 인상적이었던 대목은 We asked ourselves: could we use technolo.. 공감수 0 댓글수 0 2021. 5. 20.
SPA 유저 네비게이션에 서버 요청이 필요하지 않다. 초기 렌더링에 필요한 파일들을 제공할 서버가 필요하긴 하다. 웹 서버는 정적 컨텐츠를 제공하고, 어플리케이션 서버는 새로운 컨텐츠를 생성한다. 정적 파일 요청된 위치에 리소스가 있을 경우에 성공적으로 응답. static host(깃헙 페이지, 아마존 S3)에 해당. 동적 파일 이를테면 Express 같은 프레임워크는 요청에 일치하는 응답을 동적으로 만들어낸다. 어플리케이션 서버는 웹 서버의 프록시처럼 작동하는데, 웹 서버는 어플리케이션에 비정적 요청을 넘겨줄 뿐이다. "Many static file hosts allow you to set a "fallback" page to serve when there is a request for a page that .. 공감수 0 댓글수 0 2021. 5. 19.
Node.js 공식 홈페이지 방문 면접 준비하는 김에 계속 미뤄왔던 Node.js를 알아보기로 했다. 몇달 전 1장을 읽으면서 머리를 쥐어뜯은 이후로 오랜만. 공식 홈페이지부터 순회했다. Node.js "비동기 이벤트 주도(asynchronous event-driven) JavaScript 런타임으로써 Node.js 는 확장성 있는 네트워크 애플리케이션(scalable network application)을 만들 수 있도록 설계"되었다. "이는 오늘날 OS 스레드가 일반적으로 사용하는 동시성 모델과는 대조적"이다. "스레드 기반의 네트워크(Thread-based networking)는 상대적으로 비효율적이고 사용하기가 몹시 어렵"다고 한다. - Node.js의 가장 큰 특징은 동시성 모델을 따르지 않는, 비동기 이벤트 주도 JS 런타임이.. 공감수 0 댓글수 0 2021. 5. 11.

문의안내

티스토리
로그인
고객센터

티스토리는 카카오에서 사랑을 담아 만듭니다.