Phot_o_matic Programming

안녕하세요! 오늘은 제가 최근에 방문한 멋진 카페 '오리우’에 대해 이야기해보려고 해요. 이곳은 내방역에서 도보로 5분 정도 걸리는 언덕 위에 위치해 있어요. '오리우’는 깔끔하고 모던한 하얀 인테리어와 자연스러운 식물, 나무들이 어우러져 도시 속 작은 숲 같은 느낌을 준답니다. 카페 안은 넓고 쾌적해요. 테이블 수가 공간에 비해 쓸데없이 많지 않아서, 각자의 공간을 충분히 즐길 수 있어요. 창가에 앉으면, 싱그러운 식물들 사이로 들어오는 햇살이 하루를 더욱 밝게 해줘요. 저는 여기서 라떼를 맛보았는데요, 정말 인상적이었어요. 부드럽고 풍부한 맛의 라떼는 '오리우’만의 특별한 맛이었어요. 커피 한 잔을 마시며 잠시나마 바쁜 일상에서 벗어나 휴식을 취할 수 있었죠. 화분들이 곳곳에 놓여 있어서, 눈이 편안..

Daily/Yummy 2024. 3. 31. 16:30

안녕하세요, 여러분! 오늘은 저의 새로운 발견, '보스 베이글 웍스’를 소개하려고 해요. 이곳은 단순한 베이글 가게가 아니에요. 베이글의 다양성과 함께, 빈티지한 분위기와 맛있는 커피가 어우러진 곳이죠. '보스 베이글 웍스’에 들어서면, 목재로 꾸며진 인테리어가 눈길을 사로잡아요. 나무의 따스함이 느껴지는 빈티지한 분위기는, 마치 오래된 친구의 집에 온 듯한 포근함을 선사하죠. 이곳의 베이글은 정말 다양해요. 클래식한 플레인부터 시작해서, 화려한 토핑이 가득한 베이글까지, 선택의 폭이 정말 넓답니다. 그리고 이곳의 베이글은 단순한 빵이 아니에요. 각 베이글은 마치 예술 작품처럼, 사장님과 직원들의 손길을 거쳐 탄생한 걸작이죠. 베이글 하나하나에 담긴 정성과 사랑을 느낄 수 있어요. 그리고 그 맛! 아, ..

Daily/Yummy 2024. 3. 31. 16:05

서울에 올라와 살기 시작하고 가장 억울하고 분했던 순간이 있다. 바로 타나카 타츠야 작가의 작품 전시회를 제 때에 보지 못하고 놓쳤던 순간이다. 그 때도 지금과 같이 여의도 IFC몰 L3층의 MPX 갤러리에서 전시를 했는데, "이번 주말엔 꼭 보러 가야지..." "다음 주말에라도 꼭 버러 가야지..." 차일 피일 미루던게 결국 전시회 기간을 지나버린 것이다. 아무리 작가님이 인스타그램으로 1일 1작품씩 포스팅 해주신다고는 해도, 직접 작품을 보는 것만큼 실감이 나진 않으니... 천만다행히도 아직 내가 서울살이를 하고 있는 지금 이 시점에 다시 한 번 기회가 주어졌다. 오늘인 3월 2일부터 6월 10일까지 전시가 열린 것이다. 고민 할 것 없이 예매부터 지르고 바아로 달려갔다 ㅋㅋ 예매는 fever 앱으로..

Daily 2024. 3. 3. 01:22

Feature Flag의 정의 Feature Flag(이하 피처 플래그)는 흔히 Feature Toggle이라고도 표현합니다. 표현 그대로 특정 기능에 대해 on/off와 같은 상태를 외부에서 제어할 수 있도록 하는 시스템입니다. if (useFeatureIsOn('unhide-hidden-posts')) { // 게시글 숨김 목록 UI 노출 및 숨김 해제 기능 제공 } else { // 게시글 숨김 목록 UI 미노출 및 페이지 라우팅 제어 } useFeatureIsOn 함수가 반환하는 값은 외부에서 해당 인자를 key로 갖는 설정값을 통해 결정됩니다. 피처 플래그를 조작할 권한이 있는 자가 unhide-hidden-posts 기능을 활성화하면 if문 으로 분기될 것이고, 비활성화하는 경우는 else문으..

Programming/Concept 2024. 3. 1. 22:08

우리는 종종 새로운 서비스를 처음 접하거나 기존 서비스에 신규 기능이 추가되는 경우에 튜토리얼을 진행해본 경험이 있을 것이다. 사용자는 튜토리얼을 통하여 특정 위치의, 특정 요소가 가지는 역할에 대해서 차례대로 하나씩 인지하게 된다. 위의 gif는 React의 Portal 기능을 이용하여 만든 튜토리얼 컴포넌트의 진행 과정이다. Portal은 특정 DOM 엘리먼트의 자식으로써 엘리먼트, 문자열 또는 fragment 등 종류에 상관없이 React 자식이기만 하면 렌더링 할 수 있게 해준다. 때문에 Dialog나 Tooltip과 같이 시각적으로 자식 엘리먼트를 "튀어보이게" 하려는 경우에 많이 사용한다. 실제로 예시 이미지에서도 현재 설명중인 엘리먼트는 시각적으로 "튀어"보이고 있다. Portals – Re..

Programming/React 2022. 10. 26. 18:02

Form attributes in depth Ensure users enter data 가상 키보드와 관련된 고려사항 포함 inputmode 속성은 안드로이드와 iOS에서 지원된다. type 속성과 대비되는 점은, inputmode 속성은 가상키보드만 변경시키고 요소 그 자체의 행동은 변화시키지 않는다는 것이다. input의 기본 사용자 인터페이스와 유효성 검사 규칙을 유지하면서 가상키보드를 최적화하고 싶다면 inputmode가 좋은 선택지가 될 수 있다. type="number"는 제품의 수량과 같은 증분 필드에만 사용하는 것이 좋다. 브라우저에서 type="number"에 대한 위쪽/아래쪽 화살표를 표시하며, 이는 전화번호, 지불 카드 또는 계좌 번호에 대해 의미가 없기 때문이다. 전화번호는 type..

Programming/TIL 2022. 10. 26. 18:01

거대한 사이클을 읽어야 미래가 보인다 첫번째 사이클 : PC, 윈도우, 인터넷 두번째 사이클 : 스마트폰, SNS 세번째 사이클 : 인공지능과 메타버스 마이크로소프트의 개념 로블록스의 개념 Me : 나 Around the world : 세계관 Millions of Experiences : 다양한 경험. 자유도. ==Civilly and Safely== : 보안 및 안전. (주 사용자 연령층이 아이들이다보니) Friends : Frictionless : 플랫폼 제한없이 여러 메타버스를 드나들 수 있게 Immersive : 실제와 유사한 그래픽. Economy : 경제. 콘텐트 변화의 방향성 인터랙티브 콘텐트 소설 : The Cave Of Time 콘솔/PC게임 : 디트로이트 비컴 휴먼 스트리밍 : 블랙미러..

IT 2022. 6. 27. 13:05

- 노화하는 인간과 진화하는 컴퓨터의 상호작용 디지털 소외 계층을 어떻게 대해야 할까? 인류사에서 큰 변화를 도모하는 주요 원인 전쟁 팬데믹 기술의 발전 Interface / Intercation Computer Human 미디어의 이동 (디지털 소외 확산으로 가는 길?) cd ---> 웹 브라우저 컨텐츠 ------> 메타버스 디지털 전환의 개념 디지털 문화 확산으로 비즈니스 모델이 새로운 방식으로 변화 수요자 중심 혁신 기업 조직의 민첩성이 중요 중국에서 노인의 그룹 (노인의 카테고리) Disabled Elderly Elderly lost only child Accompanying elderly Rural Left-behind elderly Urban Empty Nesters Migratory bir..

IT 2022. 6. 27. 13:03