본문 바로가기

전체 글307

[요약정리] 접근성 작업을 도와주는 ESLint plugin 개발기 / if(kakaoAI)2024 아래의 영상을 보고 정리한 글입니다.https://www.youtube.com/watch?v=Mfe7cw7JMiU접근성을 eslint plugin을 커스텀해서 해결함.  - 예) inline 요소 안에 block 요소가 있으면 에러 노출 eslint로 인하여 접근성을 위한 property를 외우지 않아도 되어 편리. 2025. 2. 19.
[요약정리] 웹 성능 게이트 키퍼: 웹 성능 모니터링 서비스, '파루스' 의 기술과 활용 / if(kakaoAI)2024 아래의 영상을 읽고 요약한 글입니다.https://www.youtube.com/watch?v=RLkT2EoaSVIlighthouse 연동에서 성능 측정. 서버의 상태에 따라 결과가 상이.  - 표준편차가 너무 큰폭인 경우가 많음  - 실질적인 테스트가 어려움  - 우리 서비스에 도움이 되는 지표를 새롭게 정의  - 특정기간 평균과 편차를 보면 좋겠다.  - 실제 성능은 개선되었지만 점수가 더 낮아지는 현상 2025. 2. 19.
[요약정리] 서비스 UX는 내가 직접 지킨다: 웹 이미지 뷰어 '포커스' 개발 및 적용기 / if(kakaoAI)2024 아래의 영상을 요약한 글입니다 .https://www.youtube.com/watch?v=bW9zbcaDfjw웹뷰어 만들기  - Svelte -> library 경량화를 위해 (작은 번들링) - Typescript  - Anime.js -> Animation 일관되지 않는 UI/UX - 서비스별 다른 사용자 경험- 같은 카카오 서비스라고 인지하기 어려움 핵심기능 - 뷰어 - 슬라이더 - 확대 / 축소 - 이미지 목록 사용자 중심의 핵심기능 - 이미지 목록 -> 그리드 - 한손 사용성 피드백 (UX 용어)사용자가 수행한 행도엥 대해 시스템이 즉각적으로 반응하거나 결과를 전달하는 일련의 메시지나 신호 Gravity 효과액션의 반대 방향으로 끌어당기는 효과더 이상 액션할 수 없다는 점 예측 2025. 2. 16.
음료 별 pH 지수 비교 및 ph 지수에 따른 인체 영향 실험 결과이온음료: ph 3.50커피믹스: ph 6.36콜라: ph 2.44알로에 주스: ph 3.40오렌지 주스: pH 3.28 출처https://www.youtube.com/watch?v=ETP71X0zDxM 음료수에서 pH 지수는 그 음료의 산성도나 알칼리성을 측정하는 척도를 의미합니다. pH 값은 0에서 14 사이의 숫자로 표현되며, 다음과 같은 의미를 가집니다:pH 7: 중성 (예: 순수한 물)pH : 산성 (예: 탄산음료, 오렌지 주스)pH > 7: 알칼리성 (예: 우유, 알칼리수)음료수의 pH가 인체에 미치는 영향치아 건강pH가 낮아 산성이 강한 음료(예: 탄산음료, 레몬즙)는 치아의 에나멜을 부식시킬 수 있습니다.지속적으로 섭취하면 충치 및 치아 민감도가 증가할 수 있습니다.소화 건강산성 .. 2025. 1. 7.
상회하다 결제개념'수치나 정도 등이 어떤 기준을 넘어서다' 라는 뜻예)  '성장률이 상회하다', '경상비가 수입을 상회하다', '예상을 상회하다'와 같이 사용할 수 있습니다. '상회하다'의 반대말은 '하회하다'입니다 한문풀이上廻上: 윗 상廻: 돌 회 (돌리다, 선회하다) 2024. 12. 28.
[typescript] WeakRef 개념Weak Reference(약한 참조)는 프로그래밍에서 객체를 참조하되, 가비지 컬렉터(Garbage Collector)에 의해 수거되는 것을 방해하지 않는 참조입니다. 이는 일반적인 참조(strong reference)와는 다르게 동작하며, 주로 메모리 관리와 관련된 특정한 상황에서 유용합니다. 특징 1. 가비지 컬렉션과의 관계약한 참조는 객체가 강한 참조에 의해 더 이상 참조되지 않는 경우, 가비지 컬렉터에 의해 객체가 메모리에서 수거될 수 있도록 허용합니다. 2. 사용 사례캐시(Cache): 메모리 효율성을 위해, 자주 사용되지 않는 데이터를 약한 참조로 보관해 필요 시 재생성하거나 불러오는 구조.리스너 관리: 이벤트 리스너 같은 곳에서 메모리 누수를 방지하기 위해 사용.순환 참조 문제 해결: .. 2024. 12. 28.