본문 바로가기

분류 전체보기207

[Book] 혈당과 다이어트 식단으로 관리하자 "무니키친 저탄고지 다이어트 식단" 리뷰 안녕하세요 ㅋㅋㅋ 오늘은 책을 리뷰해보려고 합니다. 유명한 분인 "무니키친" 님의 레시피 책인데요. 제가 이 책을 인터넷으로 구매할까하다가 마침 어머니랑 서점을 가게돼서 책을 사드렸습니다. 가격은 15,800원이네요... 저는 평소 유튜브로 챙겨보는데요. 어머니 경우는 아무래도 유튜브로 검색해서 찾아 보는걸 좀 어색해하시더라구요. 요즘 혈당 조절도 하시고, 내장지방도 빼신다고 하기에 도움을 드리고자 책을 구매했습니다. (식단 조절이 제일 중요한데, 어떻게 요리를 해야할지 모르시겠대요.) 주말에는 제가 음식을 해서 드리긴하는데, 평일에는 직장을 다니고 하니까 쉽지 않더라구요. 그래서 책으로 레시피를 보면서 하나씩 만들어보시고 요리의 즐거움도 있었으면 해서 구매를 했죠. 책 표지는 깔끔한 요리책 느낌이에요... 2024. 1. 10.
[JavaScript] 뒤로가기 문제 해결은 이것! OnpageShow * onpageshow : 웹 페이지가 로드되거나, 새로고침이 될 때 발생하는 이벤트. 주로 모바일에 많이 사용하는데요. onpageshow 이벤트는 페이지가 완전히 로드되기 전에 발생되고, 페이지의 상태에 따라 여러 가지 상태 값을 가질 수 있어요. 그렇다면! 어디서 이벤트를 사용할까요?? 바로 "뒤로가기" 입니다. (주로 뒤로가기 발생 시 문제가 되는경우가 있거든요) 거기다.. ios 사파리 경우는 화나게.. BFCache 가 존재하는데요. BFCache : Back/ForWard Cache 의 약자로 브라우저의 성능을 향상시키는 기술 중 하나. (뒤로가기 및 앞으로가기 눌렀을 때 페이지의 상태를 캐시하여, 페이지를 다시 로딩하지 않고 이전 상태로 복원해주는 기술인데요.) 이게 문제는 API 호출로 .. 2024. 1. 9.
[JQuery] 모달 팝업 동작 시 부모창 스크롤 동작 못하게 하기 모바일 작업을 하다보면 팝업 창을 띄울 때가 종종 있잖아여? 그럴 때 가끔 요청하는 건이 팝업을 띄울 때 뒤에 창이 못움직이게 해주세요.. 이런 요청들이 많이 와요. 그래서 저도 찾아 보다가 요런 방법이 있다는 걸 알고 적용해봤습니다. 수정이 편하기 위해 저는 두 개의 함수를 만들어 줍니다. 1. function bodyScrollDis(); 2. function bodyScrollEn(); function bodyScrollDis(){ $('html, body').css({'overflow':'hidden','height':'100%'}); // 팝업 실행 중 html,body의 스크롤을 hidden 시킨다. $('#element').on('scroll touchmove mousewheel',funct.. 2024. 1. 9.
[JQuery] 특정 ID 속성이 "" 로 시작하는 모든 요소 선택 오늘은 JQuery로 특정 ID 속성에 해당 되는 데이터를 가져오는 것을 알아 볼 겁니다. Atrribute Starts With Selector (attribute^=value)인데요. 예를 들어 : [id^='con'] 즉, id 속성이 'con'로 시작하는 모든 요소를 선택합니다. 라는 뜻이에요. $("[id^='con']").on("click", function(){ console.log($(this).attr("id")); });위에 코드로 작성을 하면 됩니다. 만약 위에 id 속성 요소가 input일 경우 위에 코드처럼 id 속성을 con으로 시작해서 작성하면 해당 요소가 클릭 되었을 때 콘솔에 해당 요소의 id가 찍힙니다. 보통 이는 팝업 창을 열 때나, 해당 요소를 클릭 했을 때 데이터를 .. 2023. 12. 28.
[EVENT] 웹페이지, 모바일 웹 document.on 이벤트 웹 페이지만들 때 이 이벤트를 많이 사용할 겁니다. 저 역시 매번 사용하고 있으니까요 ㅎㅎ document.on 이벤트는 여러 옵션이 있는데요. change : id및 class 안에 checkBox, Text, radio 등이 뭔가 변화가 있을 때 들어오는 이벤트. keypress : 해당 태그 id, class 에서 키보드를 눌렀을 때 들어오는 이벤트. (keydown, keyup : 키보드 키를 누르고 있을 때, 키보드 키를 땠을 때 들어가는 이벤트) input : input의 텍스트의 값이 감지 될 때 들어오는 이벤트 select : input의 텍스트가 선택되었을 때 들어오는 이벤트 주로 위에 옵션들을 많이 사용하는데요. 코드로 작성 한다면? 이렇게 기본 코드를 작성해주고 그 안에 써야할 코드를.. 2023. 12. 19.
[EVENT] 모바일 가로모드, 세로모드 감지 이벤트 Orientationchange 모바일 웹페이지를 만들 때, 가끔 가로모드와 세로모드로 인해 이벤트를 만들어야 할 경우가 종종 있는데요. 이럴때는 css로 세로모드 및 가로모드 고정 방법도 있지만, 간혹 브라우저 특성으로 걸리지 않는 경우도 있다고 합니다. 그래서 자바스크립트를 이용해서 이벤트를 발생 시킬 때 어떤 조치를 해라! 하기 위한 코드를 적어보려고 해요. 바로 window.addEventListener 에서 "orientationchange" 이벤트 인데요. 이것은 장치 방향 바꿈 이벤트 입니다. 이벤트 발생 시 window.orientation(각도) 에서 값을 확인하고 그것을 판단하는데요. 0 : 세로 90 : 가로 -90 : 가로 표시가 됩니다. 스크립트 안에서 위에 코드처럼 작성하고 주석에 걸린 부분에 원하는 이벤트를 .. 2023. 12. 18.
[익선동] 파스타와 족발을 한번에? 연말, 송년회, 모임 2차 가기 좋은 곳 빠삭족발 리뷰 안녕하세요. 제가 바로바로 리뷰를 올렸어야 하는데.. 시간이 없어서 ㅜㅜ 바로바로 올리지못했네요. (핑계는 아주그냥...) 저번 친척들과 모여 연말 모임을 가졌던 곳을 리뷰 하려고 합니다. 이름은 "빠삭족발" 이구요. 튀긴족발을 파는 곳이에요. 뭐 여기도 방송을 탔다고 하는데 리뷰 평도 좋아서 방문했습니다. 내부는 사람들이 많아서 찍지 못했구요. 테이블에 앉으면 바로 위에 조명과 같이 잔이 걸려져 있습니다. 저 잔 장식이 아니고 정말 쓰시면 됩니다. ㅋㅋㅋ (저희 처음에 그냥 인테리어인가 했는데 직원분께서 위에 컵 꺼내 쓰면 된다고 하셨어요) 인테리어는 한옥집 같은 느낌으로 꾸며져 있구요. 메뉴판은 바보처럼 또 찍지 못했습니다. (너 자꾸 이럴래.. 블로그 이 따위로 할꺼니 또 반성해라...) 아! 여기.. 2023. 12. 16.
[춘천] 송년회, 신년회, 회식 하기 좋은 등심과 제비추리 맛집 "멍텅구리" 소고기집 리뷰 안녕하세요~ 오늘은 춘천에 맛집을 소개하려고 합니다. 친구들 만나러 춘천 방문하고, 춘천 사는 친구가 맛집을 소개해줘서 방문하였는데요. 바로 "멍 텅 구 리" ㅋㅋㅋㅋ 이름이 뭐지? 싶었는데 거기 사는 친구들은 이 집 다 알더라구요!? 그래서 가자가자!! 하면서 바로 움직였죠 안으로 들어가게 되면 벽 옆에 방송했던 포스터와 연예인 사인들이 있는데요. 토요일은 밥이 좋아 프로그램에서 촬영 왔었나봐여 ㅋㅋ (명수형! 히밥님!!) 메뉴판은 사진처럼 구성 되어 있구요. 저희는 등심과 제비추리를 주문 했습니다. (양념은 달다고 해서 일단 양념이 없는걸로 먼저 시켰어요 ㅎㅎ) 사장님!! 아!! 육회도 하나!! 주세요 ㅋㅋ 기본 찬인데요. 3가지 반찬과 통마늘, 양념장, 쌈채소 그리고 동치미를 주십니다. 블로그 보니.. 2023. 12. 16.
반응형

티스토리툴바