본문 바로가기
잔치 국수 재료 : 호박, 양파, 버섯( 새송이나 느타리), 계란, 소면(500원자리 넓이 : 1인분)후추, 간장, 소금 육수 : http://nyhya.tistory.com/263 멸치 or 디포리, 무반에반토막, 다시마 10cm, 파 적당것, 양파 반개 를 넣고 10분정도 강불에 끓이다가다시마를 빼주세요! 그 후에 20분 정도 중불에서 약불로 끓여주세요 ~ ① 먼저 양파와 호박 그리고 버섯을 먹기 좋게 잘라주세요.! ② 양파와 호박에 짭짤할 정도의 소금을 넣고 기름에 볶아 줍니다. ③ 그 다음 버섯에 간장 1스픈을 넣고 볶아 줍니다. ④ 지단을 만들기 위해 계란을 볼에 넣고 휘휘 져어서 후라이팬에 구워주세요~ ⑤ 그릇에 소면을 담고 볶은 야채와 버섯을 얹어준후 지단을 위에 올려줍니다.그리고 육수를 넣어주세요! .. 더보기
프렌치 토스트 만들기 재료 : 우유 반컵, 계란2개, 식빵 2개, 버터, 시럽, 있다면 파마산 치즈가루 ① 계란 2개(식빵개수당), 우유 6스픈 이상, 소금 한꼬집, 시럽 2스픈, 설탕 2스픈, 파마산 치즈가루 식빵(을 덮을 정도)을 넣고 휘휘져어 줍니다. 시럽넣은것과 설탕 넣은 것에서 맛이 달라집니다.시럽이 한층 달콤하더라구요? ② 우유를 많이 넣으면 식빵 안이 촉촉해집니다.촉촉해 지는대신 식빵의 쫄깃한 식감이 좀 떨어지는 듯해요! 그래서 저는 수저 3스픈 ~ 수저 4스픈만 넣습니다.!! 식감이 좋아요~ ③ 식빵을 우유계란물에 담가둡니다. 흡수가 다 되면 오븐이나 후라이팬에 구워주면 됩니다! ④ 우유 계란물을 식빵이 흡수한 것이 보이시죠? 오븐을 사용하실 경우 버터를 전자렌지에 녹여서 식방 위에 뿌려주세요!!! 후라이팬을 .. 더보기
김치 콩나물 볶음밥 * 김치 , 양파 반개, 콩나물 한웅큼* 고추가루 1수저, 연두 1수저, 국간장 1수저, 참기름 조금 ① 콩나물을 식초1수저를 넣은 물에 5분정도 담근후 3번이상 헹궈주세요~식초물이 잔여농약을 제거해 줍니다. ② 김치를 입맛에 맛게 잘라 냄비에 넣어주세요. 고추가루 1스픈을 넣어주세요. ③ 연두1수저 국간장1수저 다진마늘 조금을 넣고 얕은 불에 볶아 주세요. ④ 볶다가 양파를 넣어주세요. 양파가 숨이 죽어가면 콩나물을 넣어줍니다. 콩나물은 김치에 2분에 1정도가 좋습니다. ⑤ 전체적으로 볶아 졌습니다. ⑥ 밥을 넣고 비빈 후 김가루를 얹어주세요 ~ 맛나게 드세요 ^^* ~ 더보기
jQuery stopPropagation() stopPropagation() html * { margin:0; padding:0; }body { margin-left:300px; margin-top:60px; }#parent { width:200px; height:200px; border:1px solid red; background-color: yellow; padding:150px;}#child { width:200px; height:200px; background-color: red; color:#FF0000 }$(document).ready(function(){$('#child').bind('click', function(event){event.stopPropagation(); // 주석처리후에 실행하면 자식엘리먼트 클릭시 부모엘리먼트도 클.. 더보기
jQuery 이벤트 모델 전파 과정 최상위 루투에서 자식 엘리먼트들을 타고 이벤트의 타깃까지 내려가는 캡쳐 단계가 일어나고 다시 반대로 이벤트의 타깃으로부터 최상위 루트까지 올라가는 버블 단계가 일어납니다. 부모엘리먼트와 자식 엘리먼트 두곳에 click이벤트를 생성 하고 자식 엘리먼트를 클릭할 경우클릭하지 않은 부모엘리먼트에서 클릭이 발생하게 됩니다. 이런 의도치 않은 반응이 일어나는 문제는 이벤트 모델의 전파과정 중 버블링 단계에서 이벤트를 발생하기 때문입니다. ※ 하지만 event 객체에 stopProgation() 메서드를 호출하면 이단계가 진행되지 않도록 사전에 차단 할 수 이습니다. 더보기
jQuery event 프로퍼티 이벤트가 발생되면 이벤트에 매개변수로 넘긴 콜백함수가 호출 되는데이때 매개변수로 event객체를 넘겨줍니다. 이 이벤트 객체의 프로퍼티는 이벤트 발생시 얻을 수 잇는 정보가 있으며, 이벤트 모델의 전파과정을 컨트롤 할 수 있는 메서드를 포함합니다. 브라우저 기본동작이 발생하지 않도록 하는 메서드도 포함합니다. $(document).ready(function(){ $('#box').click(function(event){var clientyx = (event.clientX); // coument에서 스크롤 이동값을 제외하고 마우스 x좌표var clienty = (event.clientY); // coument에서 스크롤 이동값을 제외하고 마우스 y좌표var offsetx = (event.offsetX); .. 더보기
jQuery trigger() 메서드 사용 trigger()마우스를 엘리먼트에 마우스오버하지 않고 어떤 버튼을 클릭했을때 마우스오버 이벤트를 발생하고 싶을 때! $(document).ready(function(){var box = $('#box');box.bind({mouseover:function(){var tg = $(this);tg.removeClass().addClass('over');tg.find('> p').text('mouseover');},mouseout:function(){var tg = $(this);tg.removeClass().addClass('out');tg.find('> p').text('mouseout');},click:function(){var tg = $(this);tg.removeClass().addClass('c.. 더보기
jQuery 이벤트타입명으로 메서드 호출 bind() : 하나의 엘리먼트에 여러가지 이벤트를 생성 하는 경우 유리 box.bind({},mouseout:function(){var target = $(this); target.removeClass().addClass('mouseout');target.find('> p').text('mouseout 이벤트 발생');},mousedown:function(){var target = $(this);target.removeClass().addClass('mousedown');target.find('> p').text('mousedown 이벤트 발생');},mouseup:function(){var target = $(this); target.removeClass().addClass('mouseup');tar.. 더보기
jQuery on() 동적으로 추가된 엘리먼트 이벤트 발생시키기 on() 메서드 [box 추가 ] 버튼을 클릭하면 동적으로 box엘리먼트가 추가 됩니다.기존의 box 엘리먼트의 이벤트는 잘 동작하지만 동적으로 추가된 box엘리먼트에는 이벤트가 동작하지 않습니다. 이것은 bind() 메서드는 동적으로 생성된 엘리먼트를 찾지 못하기 때문입니다.on() 메서드로 수정하여 동적으로 추가된 엘리먼트의 이벤트가 동작하도록 수정합니다. html * { margin:0; padding:0; } #wrapper { margin-left:300px; } #nav > input { margin-left:300px; } .box { width:150px; height:150px; border:2px solid blue;} .box.over { background-color: red; } .. 더보기
jQuery 이벤트 bind() bind( eventType, data, handler) html * { margin:0; padding:0; }#box { width:200px; height:200px; border:2px solid blue; margin-left:300px; margin-top:200px; background-color:blue;}#box.mouseover { background-color: red; }#box.mouseout { background-color: green; }#box.mousedown { background-color: purple; }#box.mouseup { background-color: #FF9C00; }#box > p { padding:30px; color:white; } $(docume.. 더보기

티스토리툴바