분류 전체보기 썸네일형 리스트형 판교 삼겹살 목살은 돈우모리! 오늘 저녁은 돈우모리 퇴근 후 저녁을 무엇을 먹을까 고민하며 지도를 요리조리 찾아보다 삼겸살과 김치를 구워먹고싶은 마음이 생겨나 삼겹살 집을 여기저기 찾아가며 고민을 하던 중 지도 정보에서 나오는 후기 사진이 가장 맛있어보이는 집으로 결정해 고기를 먹으러 가기로 했다. 후기에서 삼겹살이 구워지고 옆에 김치와 마늘, 여러 채소들이 같이 구워지는게 너무 맛있어보여 결정한 돈우모리! 판교에 있는 파미어스몰 뒤쪽으로 쭉 올라오면 위치하고 있는 경기기업성장센터에 있어 사람이 많이 찾을 것 같진 았다고 생각했다. 위치 큰 길에서는 고깃집이 보이지 않아 살짝 길을 돌아서 갔는데 세븐일레븐에서 돈우모리 방향으로 보이는 신호를 건너 편의점 뒤쪽으로 쭉 걸어오면 바로 고깃집을 찾을 수 있었다. 입구는 활짝 열려있고 옆에는.. 더보기 광교 아쿠아플라넷 가는길 수족관 카페 청수당 해림 청수당 해림 주말에 광교에 있는 아쿠아플라넷을 가는 길에 목을 축일 겸 아메리카노를 테이크아웃할 수 있는 곳을 찾다가 아쿠아플라넷 바로 옆에 있는 청수당 해림 카페를 들어갔다. 입구를 들어가기 전부터 내부 통로가 일반 카페들과는 범상치 않은게 보였다. 입구 옆에 있는 전시대? 에서 청수당에서 먹을 수 있는 메뉴가 있는데 메뉴 하나하나가 너무 이뻐서 모두 사서 먹어보고 싶었지만 꾹 참고 아이스 아메리카노만 주문을 했다. 주문은 옆에 있는 키오스크에서 주문을 하고 옆에 있는 카운터에서 음료를 받았는데 카운터에도 살아있는 물고기들이 헤엄치고 있어서 너무 신기했다. 처음엔 다른 주변 인테리어에 신경쓰느라 카운터 아래를 잘 못 봤는데 막상 봤을 때 작은 열대어, 큰 물고기 모두 헤엄치는 거에 놀라서 사진을 몇 번.. 더보기 오랜만 어린이 대공원 나들이! 어린이 대공원 나들이~ 오랜만에 건대에서 놀고 다음날 어린이 대공원에 놀러 가기로 했다. 어렸을 때 사생대회나 졸업사진을 찍으러, 가족들과 소풍, 친구들끼리 놀러 등 많이 갔던 곳인데 점점 시간이 지나면서 잘 찾게 되었는데 오랜만에 건대 쪽으로 놀러 온 김에 한번 나들이를 가게 됐다. 어렸을 때 많이 낡았던 시설과 놀이동산이 얼마나 바뀌었을지 궁금하기도 했고 예전 동물원을 다녔던 추억이 생각나 정문을 지나기 전부터 약간 들뜨기 시작했다. 어린이 대공원 도착 일찍 출발해서 그런지 도착을 했을 땐 사람들이 많이 없어서 편하게 구경을 할 수 있을 거라고 생각했지만... 길게 늘어선 주차 대기 차량들을 보고선 곧 사람이 많아지겠다 라고 생각을 하면서 제대로 못 보는 거 아닌가 생각을 했는데 막상 구경하면서 걸어.. 더보기 이미지를 더 가볍게 더 깔끔하게! webp!! webp webp는 Google에서 개발한 현대적인 이미지 포맷 주요 목적은 이미지의 파일 크기를 줄이면서 고품질을 유지하는 것이며, webp 포맷은 특히 웹에서의 빠른 로딩 속도와 데이터 사용량 최소화를 위해 설계되었다. 공식 문서 사이트 : https://developers.google.com/speed/webp?hl=ko 웹용 이미지 형식 | WebP | Google for Developers 더 작은 웹용 이미지를 만들고 변환기 다운로드 및 지원 링크를 가져오는 이 이미지 형식에 관해 알아보세요. developers.google.com 탄생 배경 webp 포맷의 탄생 배경은 웹의 성능 최적화와 깊은 관련이 있다. 웹 페이지 로딩 속도는 사용자 경험에 큰 영향을 미치며, 이미지는 웹 페이지 데이터의.. 더보기 웹 컴포넌트 알아보기 웹 컴포넌트 웹 컴포넌트(Web Components)는 웹 페이지와 웹 앱을 만드는 데 사용하는 재사용 가능한 사용자 지정 요소를 만들 수 있게 하는 기술들의 집합이다. 웹 컴포넌트는 네이티브 웹 표준을 기반으로 하므로, 추가적인 라이브러리나 프레임워크 없이도 동작하며, 다양한 프레임워크와 함께 사용될 수 있다. 생기게 된 계기 프레임워크의 파편화: 웹 개발의 역사를 거슬러 올라가면, 다양한 JavaScript 라이브러리와 프레임워크들이 서로 경쟁하며 성장해 오며 jQuery, Angular, React, Vue 등과 같은 도구들이 각자의 컴포넌트 시스템을 가지게 되었다. 이로 인해 동일한 컴포넌트를 다양한 프레임워크에 맞게 재작성해야 하는 상황이 발생하게 되었고, 웹 컴포넌트는 이러한 프레임워크의 경계.. 더보기 이벤트 델리게이션 알아보기 이벤트 델리게이션이란? 이벤트 델리게이션(Event Delegation)은 특정 요소의 모든 자식에 개별 이벤트 리스너를 추가하는 대신, 상위 요소에 단 하나의 이벤트 리스너를 추가하는 기법이다. 상위 요소에서 발생한 이벤트는 하위 요소까지 전파되는 이벤트 버블링을 활용하여 작동하는데 이번 내용에서는 델리게이션 기법을 사용하여 어떻게 코드를 구성하는지, 왜 사용하는지 알아보려고 한다. 기본 동작 원리 이벤트 델리게이션의 기본 원리는 DOM 이벤트가 버블링(bubbling) 되는 방식을 활용하는 것이다. 이벤트 버블링(Event Bubbling) 이벤트 버블링은 특정 DOM 요소에서 이벤트가 발생했을 때, 해당 이벤트가 상위의 요소로 전파되는 현상을 의미한다. 이 현상은 최상위 요소(대게 document .. 더보기 판교 최고의 목살 맛집 - 돼지맨숀 퇴근 후 백화점에서 옷을 사야할 일이 있어 옷을 구경하고 저녁을 먹기 위해 주변을 둘러보던 중 예전에 먹었던 목살이 생각나 바로 목살을 먹으러 갔다. 일반적으로 목살을 생각하면 살짝 질긴 느낌의 삼겹살과 다른 느낌의 고기인데 이곳은 다르다. 지금까지 먹었던 목살과는 다른 아주 부드럽고 쫄깃한 목살의 식감을 느낄 수 있었고 인생 통틀어서 최고의 목살집이라고 자신있게 말할 수 있을 정도의 고기라고 생각된다. 돼지 맨숀 위치는 판교 역에서 나와 아브뉴프랑쪽으로 오다보면 바로 앞 정류장이 보이는곳에 위치해있다. 요즘은 날씨도 선선해서 버스를 타기보단 직접 걸어서 가기로 했는데 백화점에서 출발하더라도 10분정도밖에 걸리지 않아 금방 도착했다. 가게는 깔끔한 폰트로 돼지맨숀 4글자를 달고 웨이팅이 자주 있다는걸 증.. 더보기 강남 곱창 맛집 - 마늘 곱창이 맛있는 곱 곱창 덕후 모임 오랜만에 친구들과 퇴근 후 저녁 모임이 있었다. 그 날 모이는 사람들은 나를 포함에서 곱창을 너무 좋아하는 사람들인데 그동안 일이 바빠 만나지 못해 곱창에 대한 그리움이 마구마구 솟아날 때 쯤 곱창 맛집으로 그동안 못먹었던 아쉬움을 달래주기로 했다. 위치 위치는 강남역 4번출구를 나와 걸어서 5분이면 갈 수 있는 거리에 위치해있다. 퇴근하고 가는 길이라 그런지 금요일이라 그런건지 유독 그날따라 사람들이 많이 있어 예약을 하지 않았다면 오래 기다려야 했을 거란 생각이 들었다. 가게 입구를 보았을 땐 깔끔한 느낌을 많이 받을 수 있었고 역시나 사람이 많아서 1층은 이미 만석이었고, 2층으로 올라가 자리를 잡았다. 곱창 주문하기 자리에 앉아 곱창을 주문하기 전에 매장을 둘러보았을 때 곱창집 특.. 더보기 이전 1 2 3 4 ··· 9 다음