반응형
jQuery를 이용해서 이벤트를 등록하면 이벤트 파라미터로 다양한 변수들이 넘어옵니다. ex) currentTarget, delegateTarget, data 등 그 중 data 변수에 대해서 알아보겠습니다. 자바스크립트 클릭 이벤트 const btn = document.getElementById('btn'); btn.addEventListener('click', (e) => { console.log('e', e); }); 위와 같이 자바스크립트를 이용해서 이벤트를 등록하면 data는 보이지 않습니다. 자바스크립트로는 PointerEvent라는 객체가 넘어오게 됩니다. jQuery 클릭 이벤트 jQuery를 이용해서 이벤트를 등록해야 data 값이 넘어옵니다. const $btn = $('#btn'); ..
교대역 14번 출구에 있는 술집 거리는 직장인들 위주로 상권이 이루어져 있는데요. 이번에 힙한 술집이 생겼다고 하길래 직접 가보았습니다. 직원들도 모두 친절하고 안주도 맛있어서 대만족 하였습니다. 올드상해 라고 하는 중식 포차입니다. 교대역에서 도보 3분입니다. 깐부 치킨과 하남돼지집 사이에 있습니다. 지하 1층에 위치하고 있습니다. 뭐 그냥 간판부터 분위기 찢어버립니다. 분위기 그냥 상하이로 만들어 버립니다. 저녁이벤트로 전단지 나눠주시던데 이것저것 할인하고 있습니다. 길거리에 있는 메뉴판입니다. 메뉴가 아주 다양합니다. 세방울잔, 칭따오미니잔, 테라스푸너 등등 이벤트 많이 하고 있습니다. 오늘 목표는 세방울잔입니다. 90년대 영화 갬성 주윤발 형님께서 보입니다. 샹들리에 조명이 맞아줍니다. 외국 여행..
점점 날이 따뜻해지면서 눈도 다 녹아서 등산하기 좋은 날씨가 되고 있습니다. 청계산 다녀왔는데 좋은 코스 소개해드리려고 합니다. 청계산 입구역에서 매봉까지 이동하고 왕복 2시간 10분 정도 코스입니다. 청계산 입구역 -> 원터골 입구 -> 원터골 쉼터 -> 헬기장 -> 돌문바위 -> 매바위 -> 매봉정상 청계산 입구역 2번 출구입니다. 공영주차장으로 지나서 쭈욱 직진을 후 굴다리에서 우회전을 하게 되면 등산로 입구가 나옵니다. 원터골 입구입니다. 이제부터 등산 시작입니다. 저희는 입구에서 원터골 쉼터로 이동하여 매봉으로 등산할 계획입니다. 원터골 쉼터입니다. 원터골 쉼터에서 옥녀봉과 매봉으로 나뉘게 됩니다. 옥녀봉으로 갈 거면 쭉 위로 올라가면 되고 매봉으로 이동하게 될 거면 옆길로 가면 됩니다. 돌문바..
술자리를 하면 건배를 합니다. 건배사, "건배", "짠" 등을 말하면서 건배를 하는데요 외국에서는 이 건배 뜻이 "건강을 위하여~", "파이팅" 이런 뜻이 있는데 한국에서 사용하는 건배는 무슨 뜻이 있는가 검색해보았습니다. 건강과 행운을 비는 뜻입니다. 한자로 건배는 乾 하늘건, 마를 건 杯 잔 배입니다. 하늘로 잔을 들어!!라는 뜻이 아닐까요? ㅋㅋㅋ 웃어른 들도 재밌게 논듯 보입니다. 라고 생각했지만 '건'자가 마른 건이네요. 잔을 말려라 이런 뜻이라고 하네요. 술자리에서 건배의 의미를 생각하시면서 서로 축하하거나 건강과 행운을 비면서 건배하시면 더욱 좋을 듯합니다.
교대역 9번 출구에서 도보 5분에 있는 서초 왕족발 집을 소개 시키드리려고 합니다. 직접 먹어보고 너무 맛있어서 후기 남깁니다. 서초 왕족발은 1호점과 2호점이 있습니다. 2호점은 1층이고, 1호점은 지하입니다. 저는 주로 2호점을 이용합니다. 2~3으로 갔을 때는 족발 中와 다른 안주들 좀 시켰고, 오늘 4인으로 가서 왕모듬세트를 시켜봤습니다. 점심메뉴도 있습니다. 요새 물가가 많이 올랐네요 왕모듬세트입니다. 보쌈 + 족발 + 불족발 세 가지 메뉴가 모두 나옵니다. 이 집은 참 고기가 야들야들 부드러워서 맛있습니다. 교대역, 서초동 족발 찐 맛집입니다. 내 돈 내산 후기였습니다!
자바스크립트 Math 함수에 반올림, 내림, 올림을 할 수 있는 함수들이 있습니다. 1. 반올림 round() 0.5 이상이면 올림, 0.5 미만이면 내림을 합니다. Math.round(0.5); // 1 Math.round(0.4); // 0 위와 같이 사용할 수 있습니다. 2. 내림 floor() 내림입니다. 소수점 여부와 관계 없이 내림입니다. Math.floor(0.5); // 0 Math.floor(0.4); // 0 3. 올림 ceil() 올림입니다. 소수점 여부와 관계없이 올림입니다. Math.ceil(0.5); // 1 Math.ceil(0.4); // 1 round, floor, ceil 모두 다양한 곳에서 자주 쓰이는 함수들입니다. 간단하게 Math 함수를 이용해서 반올림, 내림, 올림..
toFixed()는 자바스크립트 Number 함수입니다. 하는 일은 숫자의 소수점 자리를 정해서, 문자열로 반환합니다. 숫자.toFixed(원하는 소수점 자리수(0~20)); 아래와 같이 사용할 수 있습니다. const number = 0.12345 console.log(number.toFixed()); // 0 console.log(number.toFixed(2)); // 0.12 console.log(number.toFixed(7)); // 0.1234500 변수를 넣지 않으면 0이 들어가기 때문에 소수점은 표시되지 않고 나오게 됩니다. 2를 넣으면 소수점 둘째 자리까지 반올림해서 반환됩니다. 소수점 보다 많은 숫자를 넣으면 뒤에 0으로 표시되어서 반환됩니다. 원하는 소수점 자리를 맞추기 위해서 to..
춘천 풍물시장에 있는 북산집을 방문했습니다. 이마트에서 도보로 이동했는데 약 10분 정도 걸렸습니다. 북산집의 경우에 오후 9시 30분까지 영업을 해서 조금 일찍 7시쯤 갔습니다. 방문하니 사장님께서 아주 친절하게 맞아주셨습니다. 외부 자리도 있고 내부 자리도 있습니다. 날씨가 추워서 안에 앉았습니다. 소주 안주, 막걸리 안주 뭐 다 있습니다. 안주 하나하나 가격이 저렴합니다. 요즘 시대에 이런 집 잘 없는데 시장 노포 갬성으로 아주 좋습니다. 메밀로 만든 전병(촌떡)이라고 합니다. 동동주를 시켜봤습니다. 막걸리 색은 아니고, 약간 차? 같은 느낌이네요 모듬전입니다. 촌떡, 장떡, 빈대떡, 동그랑땡이 같이 나옵니다. 북어찜입니다. 생선이 부드러워서 맛있었어요! 두부 구이입니다. 먹다가 안주가 부족해서..
이번에 QCY에서 2만 원대 스마트워치가 나왔습니다. 아이폰을 사용하고 있고, 애플 워치를 구매하기에는 좀 부담스러웠는데 가성비 스마트워치를 구입해 봤습니다. 한 3일 정도 사용하였고, 3일 동안 느낀 단점 위주로 리뷰를 작성해 보겠습니다. QCY 바이탈 스마트워치 QCY-SW300 36.4mm x 43.7mm COUPANG www.coupang.com 1. 무선 충전이 안 됩니다. 2만 원에 무선 충전을 바라면 좀 그렇긴 한데, 요새 다 무선 충전이어서 선 없는 행복을 느끼고 있었는데, 이 녀석 때문에 유선 충전을 해야 하니 마음이 아프네요. 무선 충전 안되는 게 마음이 아프네요. 2. UI가 너무 중국틱 합니다 글자체나 설정 등이 너무 세련되지 못합니다. 주위 사람들이 애플워치가 아니란 거를 금방..
자바스크립트에서 부모노드에서 자식 노드를 추가 하고 삭제하는 함수들을 알아보도록 하겠습니다. 1. appendChild 부모노드.appendChild(자식노드) 이렇게 사용하게 되면 부모노드의 가장 마지막에 자식 노드가 추가 됩니다. 아래와 같이 사용할 수 있습니다. const root = document.querySelector('#root'); const button = document.createElement('button'); const text = document.createTextNode('버튼'); button.appendChild(text); root.appendChild(button); 2. removeChild 부모노드.removeChild(삭제할노드) 이렇게 사용하면 부모노드에서 삭제..