안녕하세요? 한동안 유튜브와 매체에서 시끌시끌했던 밀리터리버거를 한번 먹어봤습니다. 저도 물론 대한민국 남자로써 군대시절 화요일인가.. 수요일인가.. (전역한지 10년이 훨씬 넘어...ㅜㅜ) 아침에 나오는 군대리아 특식에 대한 추억이 있습니다. 롯데리아에 유사한 메뉴가 나왔다길래 배달의 민족으로 주문했습니다! 가격은? 단품 6,400원, 세트 8,100원이라고 하는데요ㅎㅎ 저는 감자튀김대신 지파이로 사이드메뉴변경하였고~ 빵이 하나 남아서 아쉽다는 소문을 익히 들어 패티도 추가 주문! 총 12,300원에 배달시켰습니다~ 집 주변에 가까운 곳에 주문해서 금방 도착했는데요. 제품 풀샷을 보시면 이런 모습입니다 ㅎㅎ 마치 식판을 연상시키는 1회용 플라스틱용기/식판(?)에 포장되어있는데요. 내용물은 불고기패티소스..
안녕하세요? 원주남자입니다! 이번 시간에는 jquery를 사용하여 스타일을 지정하는 방법을 알아보겠습니다. 저번 시간에는 style코드를 head에 명세하고 class와 id를 통하여 css를 적용시켰는데요~ 이번에는 버튼 이벤트를 통하여 동적으로 css가 적용되는 것을 보겠습니다. https://wonjuman.tistory.com/12 [HTML&CSS]ID, Class의 차이 및 예제. 안녕하세요? 원주남자입니다. 오늘은 id와 class의 차이점과 그 활용예제를 보겠습니다. 위에 소스.. wonjuman.tistory.com (id, class를 사용한 스타일 적용 예제 필요하신 분 확인하세요~) 먼저 알아야 하는 것은 jquery의 css()라는 메서드입니다. 이 css() 메서드는 두 가지로 ..
안녕하세요? 원주남자입니다. 오늘은 네비게이션이나 메뉴, 리스트상에서 많이 사용하는 li태그를 동적으로 추가하고 삭제해보겠습니다. 사과 바나나 오렌지 딸기 망고 ul태그안에 li태그들이 구성된 코드입니다. 과일5개를 미리 정의해두었습니다. ㅎㅎ 뭔가 동적으로 넣어주려면? 추가할 아이템을 넣을 입력창과 버튼정도는 넣어두어야겠죠 ㅎㅎ? 사과 바나나 오렌지 딸기 망고 기존 ul태그 위쪽에 택스트입력창과 버튼을 추가해주었구요~ 버튼에는 action_add()라는 함수를 연결시켜주었습니다. 위쪽 action_add라는 함수는 주석으로 입력한대로 입력한 글씨값을 받아오고 ul태그의 객체를 선언하였습니다. 그리고 제일 중요한 ul객체에 append()라는 메소드를 사용하여 li를 추가하는 것을 볼수있습니다. appe..
안녕하세요? 원주남자입니다. 오늘은 id와 class의 차이점과 그 활용예제를 보겠습니다. 위에 소스는 html코딩을 하다보며는 참 많이 보는 태그중에 하나 일것 같네요. 이미지가 2개가 있고요. 딱봐도 각각의 id는 다른데 class는 같다라는 것을 확인할 수 있습니다. 요약하자면 id는 스타일을 지정하고자 할 때 딱 한번 유니크하게 지정할 수 있는 속성입니다. class는 단일보다는 그룹의 개념으로 한번에 여러개의 객체들에게 스타일을 지정하고자 할 때 일반적으로 사용됩니다. 그럼 실제로 위 소스를 활용하여 예제를 하나볼게요. (이미지는 무료이미지사이트에서 다운로드받았습니다.) 위는 id와 class활용없이 이미지를 넣은 상태입니다. 저는 위의 이미지는 원본대비 50%를 아래 이미지는 25%로 줄이고 ..
안녕하세요? 원주남자입니다. span태그의 class값을 변경하기 이전에 attr()태그에 대하여 알아여 하는데요. attr()태그는 어떤태그의 id, class, title등의 속성값을 알아내거나 변경할때 사용됩니다. 위 태그를 기준으로 설명드리면 src, id, class가 속성이 되겠네요~ 예제를 통해서 알아볼까요~ hello world~ 는 아니고 그 아래에 '안녕하세요??'가 span태그로 작성되어있구요. 또 그 아래에는 button 2개를 배치하였습니다. Hello world! 안녕하세요?? 각 버튼을 클리하면 class값이 변경이됩니다. 그리고 css에 미리 정의해둔 해당 class의 css의 속성을 적용받게됩니다. 실제로 클릭하게되면은 위와 같은 결과를 확인할 수가 있습니다. 한번에 여러개..
안녕하세요! 원주남자입니다. 요즘은 날씨가 평년에 비해서 조금은 시원한 것같네요. 밤에 창문열고 자면 시원한 기분하더라구요 ㅎㅎ 그래도 이제 곧 있으면 본격적인 여름철! 뭔가 여친이나 아내를 위한 깜짝이벤트를 준비하신다면 초간단 모히또는 어떠신지 ㅋㅋ? 재료도 몇개 없습니다. 예쁜 컵정도만 있으면 될 것같은데요. 재료: 사이다(500ml), 소주(2/3병정도사용, 취향껏~), 레몬1개(라임대체가능), 설탕(2~3큰술), 깻잎 5장정도?(애플민트와같은 다른 향나는 것OK) Step1. 씻기 레몬과 깻잎을 깨끗이 씻어주세요. 레몬은 껍질째사용하기 때문에 더욱신경을 써주세요 ㅎㅎ 레몬껍질을 베이킹파우더로 씻으면 더 좋다고 하던데... 저는 물만사용해서 깨끗이 ..^^;; Step2. 레몬자르기, 레몬즙내기 레..