1. 접근성 (Accessibility)모든 사용자가 더 쉽고 편리하게 웹을 사용할 수 있도록 돕는 기본 원칙이다.프론트엔드 개발자는 사용자와 가장 가까운 위치에서 웹 경험을 설계하기 때문에, 접근성 구현의 출발점이자 핵심 역할을 맡는다. 2. 접근성을 지켜야 하는 이유접근성은 장애인뿐 아니라 비장애인, 그리고 개발자 모두에게 실질적인 이점을 제공한다.장애인 사용자는 스크린리더 등 보조기기를 통해 웹사이트를 원활히 이용할 수 있다.일반 사용자에게는 더 직관적이고 빠른 웹 경험을 제공한다. 2-1. 장애인에게 필요한 이유장차법: 장애인차별금지법 시각적 정보를 볼 수 없는 사용자는 스크린리더와 같은 보조기기를 사용한다.이때 `role`, `label`, `alt` 속성 등이 제공되지 않으면 필요한 정보를 찾..

3월 31일 시작은.. 사랑스러운 서경석씨 🌸마치 누군가가 떠오르는 듯 하다.. 4월 2일 한창 벚꽃이 필 시기였다.숙소 가는 길에 예뻐서 찍었던 기억이 난다. 4월 3일 약 두 달간 만든 우리 서비스 MODiE를 출시한 날 👏🏻 (1등으로 출시해서 더 뿌듯 ㅎㅋㅎ)새벽까지 로비에서 유령처럼 개발하던 날들이 스쳐 지나갔다 흑흑 🙌🏻 MODiE Disquiet 2025년 7월 19일 기준 반응 94개, 업보트 108개로 마무리된 거 같다.두 달간 고생한 우리 모디 팀원들에게 다시 한번 감사의 인사를 드립니다 ( ‎¨̮ )و✧ 4월 4일 이 날은 출시 후 맘 편히 모나, 혁이랑 다 같이 콧바람 쐬러 갔던 날!보말칼국수를 처음 먹어봤는데 아주 맛났었다 근데 양이 ㄴㅓ무 많아요 📌 바당길 서귀..

이번 COMMIT은 일과 커리어의 의미를 다시 짚어보는 시간을 주제로 진행되었다.나는 아직 대학생이지만, 앞으로 내가 쌓을 커리어에 대해 생각할 수 있는 좋은 시간이 될 거 같아 이번 COMMIT에 신청하게 되었다. *⸜( •ᴗ• )⸝* 세미나 연사는 UpZen 창업자 한기용 연사님이 맡아주셨다. 기억에 남는, 오래 기억하고 싶은 내용들을 정리해 보았다. 🤗 1. 뜨는 기술을 모른다고 조바심을 내지 않아도 된다.기술은 빠르게 발전하고 있으므로, 꼭 모른다고 조바심을 낼 필요는 없다. 2. 뭐든지 저지르고 후회하는 것이 낫다.그 경험이 어떤 결과를 낳든 내가 그것을 어떻게 바라보느냐에 따라 달라진다.모든 결과는 win, lose가 아니라 win, learn으로 바라보자그 경험을 통해 지금의 내가 있는..

시니어 사용자는 노화가 진행됨에 따라 시력, 인지, 운동 제어 능력 등이 변화한다. 1. 시력적 변화 만 40세 이후부터 노안이 진행되어 시력이 저하된다. 대표적인 시력 관련 질병은 아래와 같다. 황반 변색: 최대 50% 이상의 시니어에서 발생한다.당뇨병성 망막증: 당뇨병 환자의 눈 혈관이 시력을 흐리게 하고 사각지대를 형성한다.백내장: 뿌연 막이 형성되어 시야를 흐리게 한다.색소성 망막염: 유전 질병으로 점차 시력을 상실하게 한다. 이러한 질병은 색채 대비 감도를 심각하게 저하시킨다.비슷한 색을 구별하기 어려워지고, 파란색 음영은 희미하게 보일 수 있다. 따라서 시니어 사용자를 포함한 디자인에서는 색상 대비 비율 검사를 신경 써야 한다. WebAIM Contrast CheckerPaciello Grou..

3월 17일 터덜터덜 숙소로 돌아온 나를 반겨주는 모나와 랜디스 도넛........... 🤤 모나 최고 모나 짱!!!너무 맛있었다 애플 프리터가 젤 맛있었음 3월 20일육지에서 종종 크로플덕이라는 크로플 집을 봤는데본점이 제주도에 있었음 그래서 팔로팔로미 출똥함한가롭게 일하시다가 크로플 5개 주문받고 당황하셨던 알바 분 얼굴이 떠오른다.. 메뉴판 빨리 읽기도 하고 (나랑 모나만;)다 같이 크로플 싹싹김치도 햇음 📌 크로플덕 오리아가씨 제주본점 3월 22일이 날은 오일장을 갔음 날씨도 좋고 유채꽃도 활짝 피어서 가는 내내 기분이 좋았다데이비드는 조금 버거워했는데 김X혁씨 때문인 듯! 오일장은 사람도 많고 먹을 것도 많고 과일 가게는 온통 주황색 천지고 신기했다그런데 우리가 찾는 화려하고 화사한 몸빼..

3월 8일 해커톤이 끝나고 마음이 편했던 주숙소 뒷 쪽 신제주로 가는 길은 지대가 높다제주 공항과 바다가 함께 보여서 정말 예쁨 우렁이 한라대에 시험을 보러 가셔서 그 근처 국수집에서 다 같이 고기국수를 먹음무난하게 맛있었음 📌 국시트멍 제주공항본점 그리고 해커톤 후기 글을 적으러 카페에 갔는데요구 문항이 꽤 많아서 다 못 씀 📌 플랏포커피 그리고 저녁에는 모나 없는 팔로팔로미 간술 ㅠ,ㅠ모나는 주말마다 바빠욥 📌 만텐 이자카야 제주본점 3월 11일 제주도는 비행기가 정말 많이 다니고 버스가 정말 조금 다닌다..정류장이 예쁘길래 찍어봤는데 음 음 음 음 ?..?내 손이 문제인 듯! 3월 12일 이 날은 해커톤 수상 기념으로 제프랑 말고기를 먹으러 갔음말로 먹을 수 있는 음식은 다 먹은 거 같음육회..

리액트에서 상태 관리를 고민하다 보면 가장 먼저 마주치는 도구가 바로 Context API이다. 라이브러리를 설치하지 않아도 되기 때문에 부담 없이 도입할 수 있지만, 성능적인 관점에서는 몇 가지 분명한 한계가 있다. 특히 모든 하위 컴포넌트가 리렌더링 되는 구조는 많은 리액트 유저들이 경험하는 대표적인 병목 포인트이다. 1. Context API의 기본 구조Context API는 전역 상태처럼 값을 여러 컴포넌트에 공유하기 위한 수단이다. createContext로 컨텍스트 객체를 만들고Provider를 통해 값을 하위 트리에 공급한다하위 컴포넌트에서는 useContext로 값을 꺼내 쓴다.예시 구조는 다음과 같다.const MyContext = createContext(value); 이때 som..

리액트를 사용하다 보면, 컴포넌트가 언제 리렌더링 되는지,useEffect가 왜 다시 실행되는지, React.memo, useCallback이 왜 필요한지 등 다양한 궁금증이 생긴다. 이 모든 흐름은 자바스크립트의 동등 비교, 그리고 리액트의 내부 구조인 Fiber와 연결되어 있다. 1. 자바스크립트의 동등 비교자바스크립트의 대부분의 타입은 객체 타입(참조 타입)이다.배열, 함수, 정규식, 클래스 등도 모두 객체이다.반면, boolean, null, undefined, string, number 등은 원시 타입(primitive type)이다.객체는 값을 저장하는 것이 아니라, 메모리의 주소(참조)를 저장한다.따라서 같은 값을 갖더라도, 서로 다른 객체는 ===로 비교하면 false가 나온다.const ..

문제 풀이노드 간의 최소 간선 갯수를 구해야 하므로BFS 알고리즘을 이용한다. 문제를 풀면서 헷갈렸던 부분은 c++에서 그래프를 만들 때아래의 두 가지 방식이 있다. 1. graph[x][y] = 1; - 인접 행렬 (Adjacency Matrix)- 1이면 x에서 y로 간선이 있다는 의미- 간선 존재 여부 탐색에는 빠른데, 정점 수가 많으면 메모리가 심각하게 낭비됨- 행렬에 정점 연결 여부가 모두 정리되어있기 때문에, 두 정점을 모두 연결하는 간선을 조회할 때 빠르다. O(1) 2. graph[x].push_back(y);- 인접 리스트 (Adjacency List)- graph[x]는 정점 x와 연결된 모든 정점을 담은 리스트- 필요한 간선만 저장해서 메모리 효율이 좋음 답안#include #incl..

첫 제주도를 카테부를 통해 가게 됐다.비행기 타고 가는 건 재미없으니까 나는 배를 타고 가봣음 우리 숙소랑 숙소뷰 ~,~ 너무 맛있었던 오식당 뼈전골............ 제프가 사주셨다 🫡제프! 제프! 제프! 📌 오식당 그리고 혼자 용담로에 갔다.오션뷰 스타벅스 가서 바다멍 때렷음 📌 스타벅스 제주용담DT점 저녁은 제주미담!유니 추천 맛집이었는데,고기국수가 완전 완전 완전 많고 맛있었음 📌 제주미담 다 먹고 나왔는데 모나가 다이소에 가자고 하셨음하루종일 비바람이 쳤던 날인데한 우산에 낑겨서 가는 혁과 우렁의 뒷모습;.. 훈훈하다 이건 제주도 사는 대니가 주신 웰컴 한라봉짱 맛있었음대니 감사하대니 - 그리고 첫 출근(?) 날자리로 가니 선물이 가득했음 크록스가 가장 마음에 들었음 라이언..