본문 바로가기

전체 글

(15)
userinyerface를 통한 고통 맛보기 Page 2 (2) Password 사이트들에 가입을 시도하다 보면, password의 복잡성을 근거로 사용자에게 더 강력한 암호를 사용하라고 권고하는 경우를 많이 발견하게 된다. 패스워드는 노출되게 되면 사용자에 대한 정보와 신원이 유출될 수 있기에 서비스 입장에서는 사용자가 안전하게 사용하는 걸 권고할 수는 있다. 역설적이게도 위와 같은 형태로 '키릴 문자를 넣어야 한다', '대문자를 넣어야 한다'와 같은 패턴을 제시하는 것은 패스워드를 더 복잡하게 만들게 할 거 같지만 이런 형태의 암호는 사용자가 생소한 복잡한 암호패턴을 기억하기 쉽게 하려고 단순한 형태를 만들어 내기 때문에 해킹의 위험을 낮추는 거에 별로 효과적이지 않다. ( 나만해도 저 패턴을 지키기위해 예시로 만든 암호는 `MyPasswordIsWoody1234..
userinyerface를 통한 고통 맛보기 Page 2 (1) Cumulative Layout Shift 두 번째 페이지를 열자마자 빨간 상자가 모든 콘텐츠를 밀어버리며 등장한다 (어지럽다.) 여기에서 Web Vitals중 CLS에 대해서 이야기가 필요해보인다. CLS는 직역하면 누적 레이아웃 이동으로 사용자가 예상치 못한 레이아웃 이동을 경험하는 빈도를 수치화해서 시각 정인 안정성을 측정한 수치입니다. 위와 같이 버튼을 누르려고 하던가 값을 입력하고자 할 때 비동기식으로 로드되는 콘텐츠에 의해서 대상이 이동하게 되면 잘못된 콘텐츠를 클릭을 유발해 사용자에게 불편함을 준다. 해당 콘텐츠는 쿠키에 대해서 베너를 일부로 띄운 거지만, 종종 페이지에서 이미지나 동영상의 크기가 지정되지 않아서 콘텐츠가 로드되는 과정에 콘텐츠를 이동해 CLS빈도가 높아져 UX를 떨어뜨리게 ..
userinyerface를 통한 고통 맛보기 Page 1 userinyerface User Inyerface - A worst-practice UI experiment Hi and welcome to User Inyerface, a challenging exploration of user interactions and design patterns. To play the game, simply fill in the form as fast and accurate as possible. NO Please click HERE to GO to the next page userinyerface.com 벨기에 디지털 제품 에이전시 회사인 BAGAAR 에서 개발한 A worst-pratice UI expreiment로 최악의 ux가 어떤 것 일지를 모두 보여주는 대환장 파티..
protocol-buffers-schema 로 보는 proto 구조 이해하기(2) 이전글에 다 못쓴 내용을 적을려한다 read tokens case syntax case 'message' case 'enum' case 'option' enum에서와 token을 읽고, 세미콜론으로 라인을 잡지만, option의 값은 Map일수있기에 onoptionMap을 호출해주는방식으로 Map을 다룬다. case 'import' var onimport = function (tokens) { tokens.shift() var file = tokens.shift().replace(/^"+|"+$/gm, '') ... return file } 파일 경로에서 파일명을 반환 case 'extend' var onextend = function (tokens) { var out = { name: tokens[1]..
어떻게 사랑할 것인가 중... 1 네 삶의 주인은 너뿐이다. 너만이 네 안의 잠자는 거인을 깨울 수 있다. 서장에서 만났던 소중한 만남들, 이곳에서 보았던 너의 하늘, 너의 꿈, 너의 사랑을 마음속에 영원히 간직해라. 여기 머무르는 동안 너는 내게 젊은 지성과 끝없는 탐색으로 삶에 대한 열정, 사랑하기를 두려워하지 않는 용기를 가르쳐 주었다. 이제 세상에 나가 너의 젊음으로 낡은 생각들을 뒤엎고, 너의 패기로 세상에 잠든 영혼들을 깨우고, 너의 순수함으로 검은 양심들을 깨끗이 청소하고, 너의 사랑으로 외롭고 소외된 마음을 한껏 보듬어라. 지금 네가 들어가는 그 세상은 이제껏 책 속에서 보았던 것과는 너무 동떨어진 곳인지도 모른다. 진리보다는 허위가, 선보다는 악이, 정의보다는 불의가 더 큰 목소리를 내고 이리저리 줄을 바꿔서는 기회주의,..
protocol-buffers-schema 로 보는 proto 구조 이해하기(1) protocol-buffers-schema .proto 파일을 jsonSchema transpile하는 도구를 작업하려고하면서 protobuf를 규칙에따라 js object형으로 파싱하는 것이 필요해졌다. protocol-buffers-schema는 protobuf schema를 전환해주는 API를 js JSON객체 처럼 제공하고있어 이를 선택하게되었고, 이를 통해 proto의 구조를 좀더 구체적으로 파악해보고자한다. var parse = function parse(fs.readFileSync(filename, 'utf-8')) 우선 parse는 Buffer file을 인자로 받는다. tokenize tokenize(buf.toString()) buffer를 tokenize하는 과정을 갖게되는데 sch ..
일을 대하는 태도 **워라밸 (Work-Life Balance)** **라워하 (Life-Work Harmony)** 우리회사의 많은 분들은 항상 개발에 대해서 진심으로 좋아하고 자진해서 야근을 한다. 사람인지라 놀고 싶다 보니 처음에는 부담스러움도 조금은 생겼다. 나도 따라 하다 보면, 비슷한 패턴으로 적응하지 않을까? 그렇지만 따라가는 거엔 한계가 왔었다. [[몰입의 즐거움]] 보고 든 생각은 나는 정말 재미있게 하려고 마음을 갖었던가 였다. 다른 사람들과 나를 비교하려고만 했지 나의 프로덕트에 모두 재미를 느끼며 작업했는가? 되짚어 본다면, 부끄러워진다. 결국 우리는 많은 시간을 회사일에 투자를 하고 있다. 애초에 균형을 맞출 수 없는 것일지도 모른다. 9-6라 해도, 수면시간(8시간)을 보장한다면, 하루에 주어진 ..