울산 태화강국가정원 맛집 매콤한 낙지요리 전문점 개미집 추천합니다.

안녕하세요. 

오늘은 태화강 국가정원 근처에서 즐길 수 있는 매콤한 낙지요리 전문점 개미집을 다녀왔는데요. 

건물 자체에 주차장이 마련되어 있지 않지만 개미집 바로 앞에 공영주차장이 있어 차량으로 방문하기에 편해요.

쉬는 날 없이 매일 운영하며 오전 10시부터 오후 9시 반까지 영업한다고 하니, 사황에 따라 맛있는 점심 또는 저녁을 즐기시면 될 것 같습니다 :)

태화강변맛집 개미집 가게 외부

 

개미집 울산 태화점은 부산에서 50된이 된 개미집의 체인점인데요.

낙곱새가 흔치않은 울산에서 본점과 동일한 맛을 즐길 수 있습니다.

메뉴

개미집의 대표 메뉴는 낙지 요리인데요.

개미집이라는 이름과 낙지 요리의 연관성이 너무 떨어져 찾아보니 사장님이 개업하실 때 개미처럼 부지런히 일하자는 의미에서 지어진 이름이라고 해요.

태화강변맛집 개미집 간판 및 입구

입구 바로 위에 한눈에 들어오는 간판이 설치되어 있어서 찾기가 쉬웠어요. 

또, 가게 외부는 통유리로 되어 있어 자리에 앉았을 때 태화강 국가 정원이 한눈에 보여서 시원시원해요.

메뉴를 보니 여섯가지 낙지 관련 메뉴가 있는데 가격은 모두 동일하니 취향껏 주문해서 드시면 될 것 같아요.

당면사리를 기본으로 조금 넣어주지만 사리를 좋아하신다면 추가로 주문해서 드세요~

저희는 낙곱새 3인분을 주문했습니다.

낙곱새 한상차림

한참 점심시간에 가서 그런지 배가 너무 고팠는데요~

주문하고 5분도 채 안 되었는데 먼저 냄비에 낙곱새를 담아 가져다주시더라고요~

아무래도 익히는 데 시간이 걸리다 보니 먼저 준비해 주신 거 같았어요!

기다리니 밥과 밑반찬을 가져다주셨답니다.

뚜껑을 닫고 한 5분 정도 익히고 있으면 직원분이 오셔서 직접 조리를 해주셨는데요~

직원분께서 정말 친절하게 당면이 제일 먼저 익으니 당면, 낙지, 새우, 곱창 순으로 먹으면 된다고 말해주셨어요.

조리가 되고 나서 낙곱새를 그릇에 옮겨 담았는데요.

매콤한 양념 냄새가 코를 자극해 군침을 삼키며 조금 더 제 스타일대로 먹기 위해서

김과 콩나물, 부추무침 등을 옮겨 담았습니다.

정말 먹음직스럽게 보이지 않나요~?!

골고루 잘 비벼서 한 숟가락 떠서 먹어보니

매콤한 양념에 졸여진 낙지와 새우 그리고 곱창이 입안에서 정말 조화롭게 어우러졌어요!

낙곱새의 조합에 의문을 가지는 사람들이 종종 있던데,

이 한 숟가락을 먹어보면 생각이 바로 달라지실 겁니다!

오늘도 저는 남김없이 낙곱새 한 그릇을 너무 맛있게 먹었네요.

조만간 또 방문해서 먹고 싶을 만큼 만족스러운 맛이구요.

태화강 국가 정원에 놀러 왔다가 맛있는 식사까지 하고 싶으시다면,

태화강변 맛집 개미집에 방문해 보시는 것을 추천합니다.

 

 

블로그 이미지

은호아빠

여행, 맛집, 일상, 프로그래밍, 개발자, 윈도우, 웹, jsp, spring, db, mysql, oracle, c#

,

FORMENT 포맨트 차량용방향제 선물받았어요.

안녕하세요. 코로나19로 힘든 요즘 일생생활도 변함없이 반복되는것 같은데요. 

와이프님이 저에게 포맨트 차량용 방향제를 선물해 주었네요. 

시계처럼 생겨서 이쁘다는 생각을 먼저 했어요. 

상자

상자를 열어보니 고맙다고 카드가 들어있었는데요 별거 아니었지만 요즘 이런거에 기분이 좋아요. 

나이가 들면 감성적으로 변한다더니 제가 그런거 같아요 ㅎㅎ

감사카드
리필용

제품안에는 리필용 디퓨저도 하나더 들어 있어서 두번 사용할수 있을것 같아요 ㅎ

사용설명서

따로 흰색용지로 사용설명서가 있는게 아니라. 오픈 케이스에 인쇄되어 있어요. 

조립후

차량에 달고 다니면 당분간 차안에서 향긋한 냄새가 날것 같네요 ^^

 

 

블로그 이미지

은호아빠

여행, 맛집, 일상, 프로그래밍, 개발자, 윈도우, 웹, jsp, spring, db, mysql, oracle, c#

,

예다움 원목 사다리 행거 구매 했어요.

안녕하세요. ^^ 간만에 행거를 가지고 포스팅을 하게 되었습니다.집을 리모델링하고 나서 3개월정도 살아보니 리모델링전에 생각지도 못했던 불편함들이 보이기 시작하더군요.제일 표시나게 불편했던점은 드레스룸이였는데요. 안방안에 조그마하게 만들어 놓았더니 갈아입을때 잠시 걸쳐 놓을 공간이 부족하더라구요. ^^ 

네이버로 옷걸이관련 검색을 하다보니 예다움에서 나온 원목 사다리 행거가 공간대비 효율이 좋을것 같았어요.

주문을 하니 몇일내로 배송이 완료되었어요. 퇴근후 박스를 뜯어 조립을 했어요. 

포장

박스포장을 뜯으니 조립을 할수 있게 나무와 나사등이 보였어요. 

부속품들

뽁뽁이로 돌돌말려있었지만.. ㅠㅠ 배송중에 찍힘이 발생한것인지 원래 찍힘이 있는 제품을 주신건지 알수는 없었지만 그냥 사용하기로 했어요. 

찍힘자국

잘 보이지도 않았고 저거 하나여서... 에휴 어디서 찍혀온 것인지 

조립을 하니 금방 조립이 되었는데요. 

조립설명서

조립설명서를 보니 쉽게 조립이 가능했어요. 

볼드조립

공구도 안에 다 들어 있어서 별도의 장비는 필요 없었어요. 

조립후 바닥 기스방지 스티커도 들어 있어서 예쁘게 착착 붙였어요. 

기스방지

조립후 드레스룸에 가져다가 놓아보았는데요. 

좁은 드레스룸이라 그런지 딱이네요. ^^

드레스룸

완전 만족 스러웠어요. 와이프도 좋다고 칭찬받았구요. ^^ 

 

블로그 이미지

은호아빠

여행, 맛집, 일상, 프로그래밍, 개발자, 윈도우, 웹, jsp, spring, db, mysql, oracle, c#

,

아반떼 하이브리드 장점 단점 CN7 후기

아반떼 하이브리드 정면

안녕하세요. ^^ 오래간만에 차량 포스팅인데요 아반떼 하이브리드를 2주 정도 타보고 적어볼게요.

연비라던지 장점 단점 등 분류해서 적어보겠습니다. 

아반떼 하이브리드 측면

장점에 대해 일단 적어볼게요. 

스펙상 멀티링크라서 승차감이 더 좋다고 하는데 아반떼를 타본 적이 없어 승차감을 비교하기가 좀 그렇네요.

연비로 넘어가서요. 일단 유튜브를 참고해보니 리터당 30km 나온다고 하시는 분들도 계신데

저는 24.8km 정도 나왔어요. 운전 습관의 차이 일수도 있는데 이 정도로도 저는 만족합니다. 

공인연비보다 잘 나오고 있거든요. 

블루링크라던지 스마트키 등을 지원해서 열쇠 없어도 차를 열고 시동을 걸 수 있습니다. 무선충전기 위에 두고 디지털키를 활성화해 놓으면 버튼시동이 가능하네요. 앱으로도 되는 거 같은데 그렇게는 시도를 못해보고 있습니다. ^^ 

생각보다 실내가 넓어서 의외였는데요. 뒷좌석에 카시트를 설치해도 부족함이 없는 공간이 었어요. 

QM6보다는 천고가 낮은 느낌이 크게 와 다았지만 좌석에 대한 공간감은 괜찮았어요. 

마지막으로 디자인... 음.. 사실 제가 QM6를 구매하게 된 게 와이프의 입김이 컸는데요. 제가 구매할 당시에 현대차 디자인이 와이프 눈에는 너무 별로였어요.. 기아차도 그렇고요.. 좀 더 기다렸다면 GV80이나 GV70을 구매했을 수도 있겠지만. 아무튼 그래서 QM6를 구매했던 거였는데요. 현대차가 요즘 디자인에 진심인 거 같아요. 

아반떼 역시 제가 본 아반떼 역대 모델 중에서 젤 이쁜 거 같아요. 와이프님 차량이라 와이프님이 디자인에 만족해서 구매하게 되었습니다. 물론 주문하고 사이버그레이와 아마존그레이 사이에서 고민을 많이 했는데요.. 

아반떼는 잘 팔려서 그런지 현대차 매장에 가도 구경할 수가 없더라고요.  코나 사이버 그레이 색상을 보았는데... 딱 레고 같은 색감이어서... 아마존그레이로 구매했네요.. 물론 사이버그레이가 안 이쁘다는 애기는 아니에요. 도로에서 보면 뭔가 흰색도 아닌 것이 참 눈에 잘 들어오더라고요. 물론 아마존 그레이는 이쁩니다 ㅎㅎㅎ 

아반떼 하이브리드 계기판 연비등의 정보가 나옴

단점은 아반떼보다 비싼 가격을 들 수 있겠는데요. 

년 1만 정도 타는 분들은 하이브리드 사는 의미가 없는 것 같습니다만 그래도 년간 2만 정도 타시면 10년 정도에 기름값으로 차 가격을 뽑으실 수 있는 것 같고요. 년간 4만 정도 타시면 5년 이내로 차 가격이 세이브될 것 같습니다. 

그래도 일반 아반떼 가격보다는 비싼 게 사실이고요. 19인치 휠을 넣으면 오히려 연비가 떨어집니다. 

차체가 너무 낮아 턱 같은 거 넘어갈 때 신경이 쓰입니다.

제가 앉은키가 큰데 거기에 비해 백미러 각도 조절이 한계가 있습니다.  볼 때 고개를 수그려서 뒤를 봐야 합니다.

그리고 스마트키에 대한 현대의 진심을 엿볼 수 있었는데요 좀 더 많은 고민이 필요해 보입니다. 

자동 잠금이 되지 않는데 QM6는 되거든요 그래서-_- 블루링크에서 알림이 뜹니다. 잠금이 되지 않았다고요. 

열쇠를 가지고 차량 옆에 가면 사이드미러가 펴지면서 운전석은 열어지는데 뒷좌석은 열리지 않아서 잠금하고 해제를 다시해줘야 해요. 아기를 태우는데 불편하네요 .. 혼자만 타고 다니면 별문제는 아니지만.. 업데이트나 이런걸로 해결해주시면 좋겠어요 ^^ 

뒷자석 발판매트가 일체형으로 일자로 길어요.. 청소할 때 탈거가 불편하네요. 이게 장점일 수도 있고 단점일 수도 있는데 청소할 땐 불편했어요. 

 

운전석에서 촬영

현대차 옵션은 19인치 휠을 제외한  편의사양 다 넣었는데요. 

일반도로에서 HDA를 켜니 알아서 멈추고 달리고 하는데.. 앞에 차량이 없거나 차선이 변경되어 갑자기 빈 공간이 나타나면 설정해놓은 속도로 빠르게 올리는데 60으로 설정해 두어도 엄청 빠르게 느껴져 와이프는 무서워하더라고요. 

그리고 차선 보조가 급커브길에 한 번씩 개입하는데.. 나쁜 느낌은 아니었어요. ^^ 중앙차로 유지 기능인가? 그것은 고속도로에서만 써야겠더라고요. 일반도로에서 사용해보니 사거리나 차선이 이상한 곳에선 자동으로 꺼지더라고요. ^^

카카오 아이가 음성명령을 알아듣는데 생각보다 똑똑하게 잘 알아들어요. 내비게이션에 있던 음성명령으로 안내하는 거보다 좋더라고요.. 뭐 제가 너무 별로라서 안 쓰다가 현대차에 들어가면서 많이 개선되었을 수도 있지만 저는 만족스러웠어요. 

 

좀 더 타보면서 개인적으로 느껴본 장단점 추가할게요.

연비정리한글 아래 링크

https://s00741.tistory.com/entry/%EC%95%84%EB%B0%98%EB%96%BC-%ED%95%98%EC%9D%B4%EB%B8%8C%EB%A6%AC%EB%93%9C-cn7-%EC%97%B0%EB%B9%84-%EA%B3%A0%EC%86%8D%EB%8F%84%EB%A1%9C-%EC%9D%BC%EB%B0%98%EB%8F%84%EB%A1%9C

블로그 이미지

은호아빠

여행, 맛집, 일상, 프로그래밍, 개발자, 윈도우, 웹, jsp, spring, db, mysql, oracle, c#

,

달동 맛집 양고기 징키스 다녀왔어요.

안녕하세요. 간만에 친구들과 고기를 먹으러 다녀왔는데요. 장소는 바로 울산 남구 달동 133-1 입니다. 

징키스 입구에 도착하니 가게 입구가 저를 반겨주는데요 그렇게 고급스럽다거나 양고기집같은 느낌은 없었어요. 징키스 왠지 칭기즈칸이 생각나는 이름이지 않나요? 네 아무래도 양고기 하면 몽골이 생각이 안날수 없겠죠?몽골인들의 주식이 양고기이니 만큼 그걸 염두에둔 이름이지 않을까 생각이 되네요. 

징기스 입구사진

저는 달동에 있는 징기스가 아니라 삼산에 있는징기스입구에 있다가 달동으로 와서 조금 늦게 합석을 하였는데요.

불판

준비해서 나오는데 오래걸렸는지 불판 위에는 채소만 올려져 있더라고요. ^^ 

부위별 양고기

양고기 모둠으로 시켰구요. 늦게 와서 어떤 세트인지는 모르겠어요. 넉넉하게 시켰겠죠 ㅎㅎㅎ 

밑반찬

밑반찬으로 몽골식으로 나왔는데 또띠아는 불판에 구워서 양고기를 싸 먹으면 된다고 하더라고요. 개수도 6장만 주는데 추가로 시킬 경우 추가금이 들어요. 뭐 그냥 먹어도 맛나서 그냥 이런 맛이구나 하고 말았습니다 ^^ 

양고기가 냄새가 난다고 걱정을 하는데요. 징기스는 어린양을 취급한다고해요. 그래서 냄새가 상대적으로 덜한 거 같아요. 

불판위고기

친구와 이런저런 애기를 하다 보니 직원이 고기를 구워서 먹기 좋게 올려두었네요. ^^

고기 맛은 소고기처럼 맛있었고요. 가격도 소고기처럼 나왔어요.. 

모둠에 부위 몇개 더 시키니 3명이서 149000원 나왔어요.

평소 잘 접하지 않는고기라 무슨 맛일지 궁금했는데요. 이번에 잘 알게 되었어요. 

 

블로그 이미지

은호아빠

여행, 맛집, 일상, 프로그래밍, 개발자, 윈도우, 웹, jsp, spring, db, mysql, oracle, c#

,

히어로키즈파크 부산 키즈카페 히어로 다녀왔어요.

안녕하세요 코로나19로 힘든 요즘 아가와 집에만 있기엔 너무 힘이 들지요 

아이와 함께 놀수 있는 키즈카페를 찾아보았는데요. 요즘 유명한 히어로 테마파크입니다. 

히어로 테마 파크

지하주차장에 주차를 하고 5층에 오면 히어로 테마파크 입구가 저를 반겨주는데요. 

소독기

제일 먼저 소독기를 통과해야 합니다. 바람소리에 아이가 무서워하네요 ^^ 

가격

가격은 종일 2만원이구요 보호자는 종일 만원이에요. 평일 3시간 주말 2시간 이용권과는 4천 원 3천 원 차이이니 잘 선택하시면 될듯합니다. 

신발장 및 슬리퍼

신발장에 신발을 넣어두고요 슬리퍼를 꺼내 신었어요. 

입구에 들어서면 개인 사물함을 이용할수 있는데요. 

 

사물함

문을 닫고 번호를 4개 입력해 놓으면 다음에 열 때 그 번호를 입력해야 열리는 방식이에요. 

입장밴드

밴드를 손목에 착용하고 이제 신나게 놀아볼려고 둘러보았는데요. 

식당가

오락실 게임장이 제일 먼저 보였구요 그곳을 지나면 식당가가 보여요. 

식당가를 지나면 키즈존이 보이기 시장하는데요. 

키즈존

여기서부터 자유롭게 아이와 놀면 됩니다. 

저의 아이는 아직 어려서 그런지 몸으로 하는 것에는 크게 관심은 없었고요 조그마한 장난감 위주로 가지고 놀았어요. 

시설들
스파이더맨존

여러 테마를 가지고 놀이 공간을 만들어 두었는데요. 

너무 어려서 그런지 그나마 놀만한 곳이 키즈존과 스파이더맨 존이었던 거 같아요. 

동물

시설 안쪽엔 동물들도 볼수 있는데요 사진에는 없는 금붕어와 돼지 노루 등이 있고요. 

사자와 기린은 인형같은걸로 있어요. 

고양이도 전시되어 있는데 유리창을 통해서 봐야 하지만 참 좋아하더라고요. 

아이와 함께 즐거운 시간을 보내고 싶으시다면 히어로 키즈카페 추천드려요. 

 

블로그 이미지

은호아빠

여행, 맛집, 일상, 프로그래밍, 개발자, 윈도우, 웹, jsp, spring, db, mysql, oracle, c#

,

휴젠뜨 FHD-P150S1 복합환풍기 건식 욕실 화장실을 위한 건강한 투자!

안녕하세요. ^^ 오래간만에 제품 설치기인데요. 

최근 집을 리모델링 공사를 하면서 화장실에도 환풍기가 있으면 건식으로 쓸 수 있다며 와이프가 적극 추천을 하는 거예요.

저도 생각을 해보니 전에도 괜찮았지만 요즘 아파트나 빌라에 가면 화장실에 환풍기가 대부분 달려있더라고요.

환풍기는 인터넷으로 힘펠 환풍기를 구입했어요.  환풍기는 힘펠이 유명하더라고요. 

설치비 7만원에 설치를 해주신다고 하셨는데요. 

출근을 하고 나니 지정된 날짜에 설치를 하러 오셨어요. 

7만원에 설치가 다되는 건지 알았는데 재료비로 추가금이 들어서 좀 당황했었어요.

환풍기용 자바라 배관

환풍기가 나가는 구멍크기가 맞지 않아 환풍기용 자바라를 재료비 비용 1만 원이 추가로 든다고 했구요. 

전기선은 나와 있는데 콘센트가 설치되어 있지 않아 콘센트 재료비 1만원이 추가로 든다고 하셨어요. 

1구짜리 콘센트

음.. 자바라는 그렇다 치고 콘센트에 1만원 사진 보면서 검색해보니 700원짜리이던데 아무리 와서 설치해주신다고 하지만 7만원 설치비도 받으시면서 이걸 1만원이나 받으신다고요? 

이런 생각에 본사에 전화를 해보니 원래 현장 설치에 재료비로 추가금이 3만원정도 나온다고 하더라고요 아니 그러면 처음부터 설치비 10만원을 받아야 하는 게 아닌가 싶었지만 본사 통화하신 분은 구매한데 문의해보라고 해서 그냥 9만원 보내드렸네요. 

설치하러 오신 기사분이 실력이 좋으신지 깔끔하게 설치를 해주셨어요. 

힘펠 환풍기 휴젠뜨 FHD-P150S1 복합환풍기

퇴근 후 집에 가서 확인해보니 추가 재료비에 살짝 기분이 별로 였던 게 실물을 보니 다 사라졌어요. 

너무 꼼꼼하게 설치를 잘한 거 있죠 ^^

이제 건식으로 화장실 사용할 생각을 하니 너무 행복합니다. ^^ 

블로그 이미지

은호아빠

여행, 맛집, 일상, 프로그래밍, 개발자, 윈도우, 웹, jsp, spring, db, mysql, oracle, c#

,

갤럭시핏2 구매했어요. 미밴드와 고민했었는데요.

갤럭시핏2 착용사진

안녕하세요. ^^ 평소에 정말 가지고 싶었던 밴드 제품을 구매하게 되었어요. 

삼성 갤럭시 핏2 밴드와 샤오미 미밴드와 저울질을 하고 있었는데요. 

둘 다 가격은 저렴한 편이고 가볍고 한번 충전해서 오래 사용할 수 있지만 기존에 기어 S3를 사용하고 있었고 삼성 헬스 앱과 연동이 되는 갤럭시 핏2가 좀 더 나아 보였어요. 

기어 S3

구매하기 전에 와이프에게 갤럭시 핏2 어떠냐고 물어보았더니 시계 있으면서 왜 이런 거 보냐고 했는데요. 

정말 기어S3의 불편한 점에 대해서 설명했어요. 

불편한 점은 저의 주관적인 관점에서 이야기했어요.

1. 무거워요. 성인 남성이 착용하고 있기에도 무거운 편이었어요. 

2. 컴퓨터 업무를 주로 하기에 착용하고 키보드를 계속 누르거나 하기엔 불편해서 책상 위에 벗어 놓게 돼요. 

3. 충전을 자주 해야 한다. 풀 충전을 해도 이틀 정도 겨우 사용해요.  매일 자기 전에 충전대에 꼽고 아침에 착용하고 나가야 하는데 그냥 나갈 때가 많아서 활용을 잘 못했어요. 이 부분을 집중적으로 이야기했어요 밴드는 일주일에 한 번 정도 충전해도 충분하다고요. 

정말 이렇게 이야기를 해도 그냥 쓰라고 하더라고요. 

그러면서 하나 주문해 놓았더라고요. 주말에 받아서 충전 후 사용 중인데 정말 강력 추천해요. 

삼성 헬스에 보면 수면에 대한 기록을 볼 수 있는데 기어 s3를 사용할땐 충전중이라 기록을 볼일이 거의 없었는데요. 

이건 수면 상태 및 상세정보를 볼수 있어요. 

수면상태

기어 S3는 중고로 팔 거냐고 묻길래 핏2 충전할 때 S3 착용할 거라고 안 팔 거라고 했어요 ^^ S3도 충분히 사용하는데 성능상 모자라지 않아서요.

갤럭시핏2 착용

마지막으로 핏2화면은 정보2에서 2번째가 마음에 들어서 선택했어요. 

기억 S3에 비해서 화면이 작아지긴 했지만 필요한 기능이 속 들어가 있어서 정말 마음에 들어요. 

핏2 구매를 망설이고 있다면 고민하지 마세요 3만 원대에 구매 가능하니까요 ^^ 

 

블로그 이미지

은호아빠

여행, 맛집, 일상, 프로그래밍, 개발자, 윈도우, 웹, jsp, spring, db, mysql, oracle, c#

,

SPRING MVC 카카오톡 로그인 해보기

카카오톡 로그인이라기보다 카카오톡 간편 가입이라고 제목을 붙였어야 했나 잠깐 고민이되었지만 이게 중요한게 아니니 넘어 가야겠다. 

카카오톡 로그인을 하기 위해선 카카오톡 개발자 사이트에 애플리케이션을 등록해야하는데요. 

developers.kakao.com/console/app

 

카카오계정 로그인

여기를 눌러 링크를 확인하세요.

accounts.kakao.com

애플리케이션추가하기

애플리케이션을 추가를 합니다. 입력만 하면 되는거라 어렵지 않을것이에요 입력을 하고 나면 생성이 되는데요. 

요약정보를 눌러보면 앱키를 발급해줘요 저는 자바스크립트로 로그인을 할건데요. 여기서 2가지 앱키가 필요해요. 

JAVASCRIPT 키와 REST API 키가 필요합니다. 

옆에 메뉴를 눌러보다가 보면 플랫폼이라고 보이는데요 거기에 WEB을 추가합니다. 

WEB
WEB를 추가해요. 
카카오 로그인

카카오 로그인을 ON으로 활성화 시켜주세요. 

동의 항목을 설정을 하시구요. 

 

동의항목

이러면 대충 개발자 사이트에선 설정이 된거 같아요. 

여기서 중요한점은 REDIRECT URI 인데요 인데요. 제가 로그인하겠다고 앱키와 넘겨주면 코드값을 받을 주소를 입력하는곳이에요. ^^ 

그럼 세팅이 되었다면 계속 진행해볼께요. 

메뉴를 이동해야 하는데요. 문서 > 카카오로그인 > 이해하기 

여기로 이동해요. developers.kakao.com/docs/latest/ko/kakaologin/common

 

Kakao Developers

카카오 API를 활용하여 다양한 어플리케이션을 개발해보세요. 카카오 로그인, 메시지 보내기, 친구 API, 인공지능 API 등을 제공합니다.

developers.kakao.com

그럼 아래쪽에 카카오 로그인 JAVASCRIPT가 보이는데요. 

로그인 설명

여기에 나와 있는대로 차근차근 따라하시면 되요. 

<!-- 카카오 로그인 -->              
<script type="text/javascript" src="https://developers.kakao.com/sdk/js/kakao.min.js" charset="utf-8"></script>
<script type="text/javascript">
//초기화 시키기. 
$(document).ready(function(){	
	Kakao.init('자바스크립트 앱키 입력');
	Kakao.isInitialized();
});
</script>

로그인 하는페이지에 카카오라이브러리를 초기화 시켜주시고요. 

로그인 버튼을 만드시고 실행되게 하세요. 

<script type="text/javascript">
function loginWithKakao() {
  Kakao.Auth.authorize({
	  redirectUri: 'http://localhost:8080/user/loginpage_kakao_callback'
	});
  }
</script>

로그인버튼을 누르면 이렇게 실행이 될껀데요. 그럼 서버에서 코드값을 받아서 넘어와요. 

코드값으로 토근을 값을 받아와야 하는데요 이건 스크립트로 지원하지 않아요 REST API를 사용해서 해야 해요.

컨트롤러 단에서 loginpage_kakao_callback이 호출될때 코드값으로 토근값을 받아와서 페이지로 넘기도록 할게요. 

//카카오톡 로그인.. 
		@RequestMapping(value = "/loginpage_kakao_callback", method = RequestMethod.GET)
		public String loginpage_kakao_callback(HttpServletRequest request, HttpServletResponse response,
				HttpSession session, Model model) throws Exception {
			UrlPathHelper urlPathHelper = new UrlPathHelper();
			String originalURL = urlPathHelper.getOriginatingRequestUri(request);
			Map<String, String[]> paramMap = request.getParameterMap();
			Iterator keyData = paramMap.keySet().iterator();
			CommonData dto = new CommonData();
			while (keyData.hasNext()) {
				String key = ((String) keyData.next());
				String[] value = paramMap.get(key);
				dto.put(key, value[0].toString());
			}
			String url = "https://kauth.kakao.com/oauth/token";
			RestTemplate restTemplate = new RestTemplate();
			HttpHeaders headers = new HttpHeaders();
			headers.setContentType(MediaType.APPLICATION_FORM_URLENCODED);
			LinkedMultiValueMap<String, String> map = new LinkedMultiValueMap<String, String>();
			map.add("client_id", "REST 앱키를 입력하세요.");
			String redirect_url = "http://localhost:8080/user/loginpage_kakao_callback";
			map.add("redirect_uri", redirect_url);
			map.add("grant_type", "authorization_code");
			map.add("code", dto.get("code"));
            
			HttpEntity<LinkedMultiValueMap<String, String>> request2 = new HttpEntity<LinkedMultiValueMap<String, String>>(
					map, headers);
			CommonData response2 = restTemplate.postForObject(url, request2, CommonData.class);
			map.clear();
			model.addAttribute("access_token", response2.get("access_token"));
			return "/user/loginpage_kakao_callback";
		}

code 값으로 access_token 값을 받아와요. 

그럼 이것으로 이제 사용자 정보를 받아와 볼께요. 

<script type="text/javascript">
var kakao_message = new Object();   
	$(document).ready(function(){	
		var ACCESS_TOKEN= $("#access_token").val();
		//할당받은 토근을  세팅
		Kakao.Auth.setAccessToken(ACCESS_TOKEN);
		console.log(Kakao.Auth.getAccessToken());		
		Kakao.API.request({
		    url: '/v2/user/me',
		    success: function(response) {
		        console.log(response);
		        kakao_message['id']=response['id'];
				kakao_message['email']=response['kakao_account']['email'];
				kakao_message['nickname']=response['kakao_account']['profile']['nickname'];
		        console.log(kakao_message);
		        var m_uid = 'KAKAO_'+kakao_message['id'];
				console.log(""+window.location.hostname+"");
				var data = JSON.stringify({
					uid : m_uid
				 , uname : kakao_message['nickname']
				 , uemail : kakao_message['email']
				 , join_pass : 'KAKAO'
				});
				// 로그인시 서버에서 넘어왔음.. 
				//로그인정보가 있다면 로그인 시도하기.. 
				var url = '/user/userid_duplicate_check';
				getPostData(url,data,callback_userid_duplicate_check, false);	
				
				if(!is_userid) //sns가입된 id가 있다면 로그인 시도.
				{
					url = '/user/naver_kakao_sns_login';					
					getPostData(url,data,callback_join_ok, false);
				}
				else if(is_userid) //sns로 가입된 id가 없다면 가입시도..
				{
					$("#i_id").val(m_uid);
					$("#i_name").val(kakao_message['nickname']);
					$("#i_email").val(kakao_message['email']);
				}
		    },
		    fail: function(error) {
		        console.log(error);
		    }
		});
	});
	
</script>

loginpage_kakao_callback 에서 페이지 로드가 되면 발급 받은 토근으로 정보를 받아와야하는데요. 

Kakao.API.request({ url: '/v2/user/me' }); 를 호출 하면 되요. 

로그인에 성공을 하면 닉네임과 이메일 그리고 id를 받아올수 있었어요. 

이제 이걸로 제가 간편가입을 한적이 있는지 체크를 해볼텐데요. ajax로 알아봐요.

uid로 체크를 하는데요.

체크하는 컨트롤러는 이렇게 해봤어요. 

@RequestMapping(value = "/userid_duplicate_check", method = RequestMethod.POST)
	@ResponseBody
	public CommonData userid_duplicate_check(HttpServletRequest request, HttpServletResponse response, @RequestBody CommonData dto, Model model) throws Exception
	{
		Util_Message smsp = Util_Message.getInstance();
		CommonData result = new CommonData();
		int cnt = first_service.listSearchCount(dto, "MemberMapper.userid_duplicate_check");
		if (cnt > 0)
		{
			result.put("result", "id_duplication");
			return result;
		}
		result.put("result", "ok");
		return result;
	}

간단하게 id중복체크로 가입된적이 있는지 확인을해요.

 <select id="userid_duplicate_check" resultType="int"> 
        SELECT count(1)
          from tb2019_member
     <trim prefix="WHERE" prefixOverrides="AND|OR">
	  	<if test="uid != null and uid != ''">
	   		and uid = #{uid}
	  	</if>
	 </trim>
    </select>

체크가 끝났으면요.

var callback_userid_duplicate_check = function(result)
{
	console.log(result);
	if(result['result']=='id_duplication')
	{	
		is_userid = false;
	}
	else if(result['result']=='ok')
	{													
		is_userid = true;			
	}
}

is_userid값을 확인을 하는데요. 있다면 false값을 넣어 바로 로그인으로 넘기고 없다면 가입하는 절차를 거쳐야 해요. 

휴대폰 번호를 추가로 입력을 받아야해서 카카오에서 받은 이름과 이멜은 입력해주시고요 휴대폰번호만 입력하도록 해요.  이게 필요없다면 자동가입시키시면 되요. 

패스워드는 제가 임의로 생성해서 넣어두었는데요 SNS로 로그인시 아디나 비번을 직접 입력할게 아니라서 임의로 넣었어요. 

그리고 가입처리를 하고나서 로그인 처리를 하시면 됩니다. 

DB는 기존 홈페이지 가입시 쓰는 테이블과 혼용해서 사용중이고요. JOIN_PASS 값으로 카카오 네이버 홈페이지가입 이렇게 처리를 했어요. 이후 방법은 일반적인 홈페이지 내용과 동일해서 이만 줄일게요. 

 

블로그 이미지

은호아빠

여행, 맛집, 일상, 프로그래밍, 개발자, 윈도우, 웹, jsp, spring, db, mysql, oracle, c#

,

울산 홍익 돈가스 삼산점 방문 왕돈가스 왕 크다.

안녕하세요 돈까스를 자주 접하고 있는 블로거 씨입니다. 

오늘은 무엇을 먹을까 고민일 텐데요. 저는 홍익돈까스를 방문해 보았어요.

홍익돈까스

점심시간이라 그런지 주차가 힘들 정도로 손님이 많았어요. 

메뉴판

메뉴를 보고 뭘 먹을 고민을 잠시 했는데요. 왕돈까스는 너무 식상한 거 같아서 치즈가 많이 들어있을 것 같은 더블치즈돈까스를 시켰어요. 

치즈보다는 야채가 듬뿍듬뿍 담겨 나왔는데요. 야채가 아삭아삭하니 치즈의 느낌함을 많이 없애줬어요. 

 

더블치즈돈까스

돈까스 아래에 누룽지 밥이 깔려 있는데요. 야채가 왜 많은지 먹어보니 알겠더라고요. 

양이 많았지만 야채와 먹으니 다 먹을 수 있었어요. 

한상

돈까스를 먹으며 깍두기를 먹어보았는데요. 달지가 않더라고요. 

깍두기

한 컵 다 먹고 리필해서 먹었네요. 

다 먹고 나서 손님들이 많이 빠져나가 사진을 찍어보았는데요. 

가게내부

일반적인 돈까스 가게와 별 다른 점이 없었어요 깔끔한 시설이었고요. 안내도 깔끔했어요. 

와이파이를 공개해두었는데요.  담에 갈 때 이용해 봐야겠어요. 

참참참 직원분들이 너무 친절하세요. ^^ 이건 별 5개 드리고 싶네요. 그럼 이만.

블로그 이미지

은호아빠

여행, 맛집, 일상, 프로그래밍, 개발자, 윈도우, 웹, jsp, spring, db, mysql, oracle, c#

,