본문 바로가기

분류 전체보기

 (989)
vue3의 반응성(reactivity) 원리 간단 정리 출처 : https://vuejs.org/guide/extras/reactivity-in-depth.html Reactivity in Depth | Vue.js vuejs.org 아래와 같은 코드가 실행된다 가정하자 import { ref, watchEffect } from 'vue' const A0 = ref(0) const A1 = ref(1) const A2 = ref() watchEffect(() => { // tracks A0 and A1 A2.value = A0.value + A1.value }) // triggers the effect A0.value = 2 1. 이펙트(ex: watchEffect,computed 내부 함수) 함수가 전역 변수에 할당되며 파라미터로 받은 업데이트 함수를 실행..
프론트엔드 성능 최적화 가이드 3장 스터디 해당 도서의 3장을 기반으로 진행한 스터디 입니다. 프론트엔드 성능 최적화 가이드 웹이 가벼워지면 사용자의 만족도는 올라간다 웹사이트를 방문했는데 페이지가 늦게 로드되면 금세 ‘뒤로 가기’ 버튼에 손이 갑니다. 구글의 연구에 따르면 페이지 표시 시간이 1초에서 3초 blog.insightbook.co.kr 홈페이지 최적화 이전 시리즈 보기 2022.11.15 - [분류 전체보기] - 프론트엔드 성능 최적화 가이드 1장 스터디 프론트엔드 성능 최적화 가이드 1장 스터디 해당 도서의 1장을 기반으로 진행한 스터디 입니다. 프론트엔드 성능 최적화 가이드 웹이 가벼워지면 사용자의 만족도는 올라간다 웹사이트를 방문했는데 페이지가 늦게 로드되면 금세 ‘뒤로 itchallenger.tistory.com 2022.11..
프론트엔드 성능 최적화 가이드 2장 스터디 프론트엔드 성능 최적화 가이드 2장을 기반으로 진행한 스터디 입니다. 프론트엔드 성능 최적화 가이드 웹이 가벼워지면 사용자의 만족도는 올라간다 웹사이트를 방문했는데 페이지가 늦게 로드되면 금세 ‘뒤로 가기’ 버튼에 손이 갑니다. 구글의 연구에 따르면 페이지 표시 시간이 1초에서 3초 blog.insightbook.co.kr 올림픽 통계 서비스 최적화 이전 시리즈 보기 2022.11.15 - [분류 전체보기] - 프론트엔드 성능 최적화 가이드 1장 스터디 프론트엔드 성능 최적화 가이드 1장 스터디 해당 도서의 1장을 기반으로 진행한 스터디 입니다. 프론트엔드 성능 최적화 가이드 웹이 가벼워지면 사용자의 만족도는 올라간다 웹사이트를 방문했는데 페이지가 늦게 로드되면 금세 ‘뒤로 itchallenger.tis..
프론트엔드 성능 최적화 가이드 1장 스터디 프론트엔드 성능 최적화 가이드의 1장을 기반으로 진행한 스터디 입니다. 프론트엔드 성능 최적화 가이드 웹이 가벼워지면 사용자의 만족도는 올라간다 웹사이트를 방문했는데 페이지가 늦게 로드되면 금세 ‘뒤로 가기’ 버튼에 손이 갑니다. 구글의 연구에 따르면 페이지 표시 시간이 1초에서 3초 blog.insightbook.co.kr 성능 최적화 개요 성능 최적화가 중요한 이유 구글 : 성능이 곧 매출 성능이 저하되면 사용자가 떠나고 매출이 감소한다 즉, 성능을 최적화하면 더 나은 UX, 높은 가입율과 전환율, 낮은 이탈율을 확보하여 더 많은 수익을 창출할 수 있음 성능 최적화는 어떻게 이루어질까 웹 성능 결정 요소는 로딩 성능과 렌더링 성능으로 나눌 수 있음 로딩 성능 웹 페이지와 웹 페이지 표시에 필요한 기타..
강남역 맛집 장인 닭갈비[5점 만점에 3.5점] https://www.google.com/maps/place/Jangin+Dak-galbi/data=!4m5!3m4!1s0x0:0x49874732192c2911!8m2!3d37.4995662!4d127.0275062 장인닭갈비 강남점 · 대한민국 서울특별시 강남구 테헤란로1길 19 지하1층 ★★★★☆ · 닭요리전문점 www.google.com 주소 : 서울특별시 강남구 테헤란로1길 19 지하1층 주문한 메뉴 : 닭갈비 2인분 + 모듬사리 추가(라면) 서비스 : 그냥 그럼 (3점) 위생 : 그냥 그럼 (3점) 맛 : 소스도 충분하고 염지도 제대로인게 닭갈비 중에선 괜찮은 편임이 확실함. 하지만 뭐 환상적이다 이정도는 아님. (4) 양 : 적당히 먹는 1인과 잘먹는 1인이 배부르게 먹음 (4점)
SK Tech Summit 2022 방문기 행사 소개 : https://sktechsummit.com/ SK TECH SUMMIT SK 그룹의 새로운 기술적 성취와 의미 있는 경험을 공유합니다. 지금 바로 등록하세요! sktechsummit.com 광진구 워커힐 호텔에서 열린 SK TECH SUMMIT에 다녀왔습니다. SK가 소유한 건물에서 열리는 행사답게 건물을 통째로 다쓰더라구요. 물론 비 SK 인원에겐 공개되지 않은 전시장도 있었습니다. (아쉽) 입장해서 발권기를 이용해 자동으로 티켓을 뽑습니다. 행사 기념품 1 스티커 일정표 명찰입니다. 참고로 SK 계열사 외에 다른 곳에서 온 사람은 별로 안보였던것 같습니다. 거의 SK 패밀리 간의 행사라고나 할까요? 저도 SK다니는 친구들이 많은데 아무도 안왔었으니 SK에서도 일부만 참여한 것 같습니다..
API 디자인 : API 디자인의 기본과 API 디자인 테이블 해당 책을 읽으며 정리한 내용입니다 : http://www.yes24.com/Product/Goods/94462254 일상 속 사물이 알려주는 웹 API 디자인 - YES24 웹 API는 새로운 서비스나 앱을 만들 때 기존에 존재하던 서비스가 제공하는 기능을 활용할 수 있도록 해준다. 굳이 기존 서비스에 대한 자세한 소스 코드를 알지 않더라도 개발자가 만드는 프로 www.yes24.com 해당 게시물이 다룰 내용 Rest에 뿌리를 두지만 맹목적이지는 않도록 실무에 적용할 수 있는 API 디자인 방법 API 디자인과 OpenAPI 완벽한 API가 아니라 컨슈머에게 올바른 API API 제공 조직의 디자인을 모르게, 사용자 관점의 디자인 여러 API 형식 REST gRPC GraphQL 일상을 소프트웨어처럼..
CSS Position Sticky 문제 해결하기 Sticky는 생각처럼 동작하지 않는 경우가 많습니다. 다음 체크리스트를 이용해 일반적인 트러블슈팅 방법을 알아봅시다. 원문 : https://www.designcise.com/web/tutorial/how-to-fix-issues-with-css-position-sticky-not-working#checking-if-a-parent-element-is-a-flexbox How to Fix Issues With CSS Position Sticky Not Working? Learn possible reasons why CSS position sticky might not be working for you www.designcise.com CSS position:sticky 속성이 동작하지 않는 데에는 여러..

티스토리툴바