리니지2M 1주년 후 6개월차 근황

Posted by ironmask84
2021. 5. 4. 23:57 취미생활/PC 게임


1주년 기념 근황글을 작년 11월에 올리고,
오랜만에 최근 근황을 올린다 ^^

이렇게 리니지2M을 하게 될줄은 몰랐지만, 
과금을 최대한 안하고 진행하면서,
이정도 재미를 뽑아내니 할만 한 것인지,
내가 인내심이 많아진것인지.. ㅋㅋ

2004년쯤인가 리니지2가 PC로 한참 잘나갔던거 같은데
어느새 20년이 다되가는 동안 참 인기가 식지 않은 것 같다.

덩달아 NC소프트는 돈을 많이 벌었고.. 
주가도 많이 올랐는데
최근에 불매 운동이 있어서인지 많이 하락 ㅜㅜ
주주로서 조금 안타깝고..

오늘은 6개월동안의 근황들을 소개한다!
1주년때 새 계정에 캐릭을 하나 더 생성해서,
2개를 운용중..

우선 새캐릭부터 근황을 소개하면,
오브가 자사로 키우기 좋기 때문에 새 캐릭도 오브!
그동안의 노하우로 잘키워서 무과금 치곤 제법 잘풀렸다.


아직도 희귀 오브 이지만..
1주일 쯤 뒤면 영웅 오브가 된다!!
왜냐면.. 이번에 2000다야 이벤트로 영웅 확정권 나오고!
클래스 체인지 쿠폰을 이벤트로 받기 때문!!

영웅 한손검이 나왔지만, 클래스 체인지로 바꾸면 그만 ^^
영웅도 1티어(공격속도 100%)인 엘리아스가 나왔기 때문에
오브 1티어 카디아로 바꿀수 있을거 같다 ^^

그리고 새로 키우면서 다야 장사 및 관리를 잘해옴..
1년 하면서 요령이 많이 생겨서, 아이템 장사도 잘되었고,
운빨도 잘 따라서 거의 2만 다이아를 번거 같다.
최근에 2000다야 이벤 및 컬렉 조금 해서 줄긴 했지만,
엄청난 결과다. 그것도 완전 무과금으로 한 것이니!! ^^

아래는 내가 운좋게 머은 임팩트샷을 누군가 싸게 해주면 산다고 하길래,
500다야 깎아서 올렸는데 과연 팔릴지~~ 요즘 새캐릭 섭에 거래소가 영 안돌아가서
잘 안팔리고 있었는데, 간절히 팔리길~~
사실 영웅템은 1년 넘게 첨이다. ㅜㅜ 
이거 잘팔고, 나중에 영템도 엄청싸지거나, 서버 통합되면 영템 다 맞춰야지~ 싶다 ㅋㅋ

눈물없인 볼 수없는 다이야 모으기 흔적들 ㅜㅜ 무과금의 비애 ㅋ
야금야금 모아서 1700다야였던게, 어느새 2만 다야까지 왔다는 것.
비결은 다야장사 + 파템은 제작서로 맞추기 + 무조건 가격떨어지기 전에 팔고 나중에 싸게 맞추기 ㅋㅋ
즉, 기다림의 미학이 필요한 것!

글쓰는 사이에 전챗창에 글쓴이가 약속을 지켜서. 500다야 깎은 영템 구입 ㅋㅋ 세금이 600다야 ㅡㅡ

이제, 다음 목표는 
1. 300만 명코로 저지먼트 구입! (안타라스 신섭 이벤트로 가능!!)
2. 260만 명코로 임프 구입~ (이미 1위혈이 렙14 여서 금방 될듯하다..)
3. 클체 나오면, 다른 스킬도 맞추기)
4. 영웅템 싸지거나, 서버 통합되면 이전해서 싸게 맞추기 ㅋ
5. 5억 모아서, 5억스킬! (무과금의 필수 ㅜ)

자~ 그 다음 본캐의 근황!!
본캐는 이제 렙 63이고.. 새캐릭이 60이다..
거진 많이 따라오긴 했는데, 60부터는 렙 1 오르기가 힘들다 ㅋㅋ

1년 가까이 몸을 담아서, 수호까지 왔던 26위 정도의 혈맹을 뒤로하고..
13렙 스킬도 배우고, 좋은 혜택을 위해 혈맹을 옮기는 과정에서..
군주는 쿨하게 언제든 오라며 보내줬다. 이 혈맹은 아직도 있고, 현재는 16위! 많이 올라왔네 ㅋㅋ

새로 옮긴 혈맹은 4위인데, 3~5위가 거의 대동소이한 규모 및 경쟁력의 혈맹이었다.
여기서 6개월 지내면서 13렙 스킬도 배우고, 15렙 스킬도 배웠다는 쾌거!!
그리고 매주 혈레를 해서 명코 얻기가 좋다는 점~ 덕분에 15렙 스킬까지 배우고~
이제는 클체 이벤트에서 타 직업 영웅스킬 배워놓은 걸, 오브의 저지먼트와 아케인쉴드 로 바꾸려는 것!
각 사진에서 피통 및 방어, 리덕, 저항이 커지는걸 볼 수 있다 ^^
확실히 15렙스킬인 임프로브드오브는 많은 가능성을 열어주었다!

그리고 중요한 포인트!
얼마전에 최상급11회 뽑기에서 영웅 아가시온을 득했다는 것!
처음이다 ㅜㅜ 1년만에 영웅 클래스를 얻고, 1년 6개월만에 영웅 아가시온을 득했다는 것!

오브에 딱 좋은 여왕개미..
그런데 요즘은 데스나이트가 대세라고 한다.
이번 이벤트로 얻어놓은 아가시온 변경으로 바꿔야할지 고민..
데스나이트는 다 좋은데, 광역이 발동되면, 빡센 맵에서는 몹들에게 몰매맞을수 있기 때문에..

이제, 다음 목표는 
1. 클체이벤트를 기다리며, 420만 명코로 마도사 영스 2개산 후, 저지먼트, 아케인쉴드로 바꾸기! (3600다야 정도 필요)
2. 영웅템들은 아직 다야가 없어서 언제 될란지.. (신캐릭 서버통합되면 살 수 있는데 ㅋㅋㅋ)
3. 연금을 노려봐야 할듯 싶다.. (파템 50다야 시대가 옴)
4. 이제 10억 스킬에 도전한다... ㅋㅋ

생각보다, 극악의 뽑기 확률 게임에서 잘 살아남고 있다.
물론 무과금으로 나보다 훨씬 좋은 운빨로 고퀄 캐릭들도 있지만,
이정도면 무난하게 꾸준히 스펙업이 되고 있어,
육성의 맛도 조금은 볼 수 있었다.

아무래도 신섭 캐릭에서 다야를 최대한 뽑아내야,
조금 더 스펙업이 가능할 듯 싶고..

이제 2주년 글에서 뵙겠습니다 ㅋㅋ ^^

 

'취미생활 > PC 게임' 카테고리의 다른 글

리니지2M 1주년 후 6개월차 근황  (0) 2021.05.04
리니지2M 1주년 기념 및 근황  (0) 2020.11.28
즐겨찾기 사이트  (1) 2016.06.17
대항해시대3 도서 및 발견물 정보  (0) 2015.09.18
 
이 댓글을 비밀 댓글로

네이버 페이 포인트 이벤트 활용

Posted by ironmask84
2018. 4. 23. 00:31 재테크/깨알꿀팁



2~3년 전부터 '핀테크' 라는 용어와 함께 "xxx페이" 라는 결제수단이 생겨나기 시작했습니다.

삼성페이, 엘지페이, 카카오페이, 네이버 페이 등등...

휴대폰 제조업체 부터 시작해서, 주요 IT업계, 통신회사, 신용카드사 까지...

현금결제를 넘어 이제는 신용카드가 결제 수단의 대세가 되었습니다만,

'이제는 카드를 가지고 다니는 것도 귀찮다' 라는 시대가 되어가는 것 같습니다.

휴대폰은 누구나 가지고 있는 아이템이 되어버렸으니까요.


사실 아직 저는 신용카드가 주 결제 수단 입니다만,

네이버 페이와 연계되어 있은 네이버페이 포인트에 주목하고 있습니다.

주목하는 이유는 계속해서 유용한 이벤트를 진행하기 때문인데요,

이런 이벤트를 계속해서 핀테크 결제 수단을 잡으려는 것 같군요 :)


작년부터 저는 여행을 갈 때 숙소예약시 "네이버 예약"을 이용하고 있습니다.

그 중 큰 이유가 네이버페이 포인트 획득이 쏠쏠해서 였죠.

강원도 여행 숙소를 27만원에 예약했는데 이 금액의 6%를 포인트로 적립!!
--> 16000 포인트 정도가 적립 되었죠!

게다가 최근엔 숙소 후기를 남길 시 500 ~ 1000 포인트 적립이 가능합니다!


아래는 얼마전에 네이버페이와 KB포인트리 앱인 Liiv Mate 앱과 연계한 이벤트로

KB포인트를 네이버페이로 전환과 동시에 추가 2000포인트 + 추가 10% 적립을 주는 이벤트였어요.





아래에 KB포인트가 네이버페이로 전환된 포인트와 추가 2000포인트 + 추가 10% 적립된 것을 확인하실 수 있습니다.

네이버 뮤직 이벤트도 연계해서 1회 더 무료 결제용으로 5280포인트 적립 건 내역도 보실 수 있습니다.

이건 얼마전 획득한 네이버에서 개발한 인공지능 스피커 클로바와 연동해서 들으려고 네이버 뮤직을 가입했습니다. ^^
클로바 관련 포스팅은 따로 한 번 할 예정이니, 기대해 주세요!!


과연, 네이버페이가 핀테크계를 독식할 수 있을지 모르겠지만,

일단 우리 방문자님들은 소비자 입장에서 잘 활용하시길 바래요~~ㅋㅋ



 
이 댓글을 비밀 댓글로
  1. 프로필사진
    네이버 아이디가 없는 사람은 네이버 페이를 적립하거나 사용할 수는 없는거죠?
    • 맞아요~ 네이버 아이디가 있어야 합니다^^
      국내포털사이트 1위라 많은 사람이 계정을 가지고 있지 않을까 싶네요 ㅎㅎ

티스토리 2017 결산 이벤트 당첨 상품 수령!!

Posted by ironmask84
2018. 3. 21. 23:41 블로깅/블로그 팁



당첨 된지 딱 3주!!

http://ironmask.net/433 )

금일 당첨 상품을 수령했습니다. ^^


상품 구성은 공지대로 다이어리, 볼펜, 스티커 인데요.

다이어리는 굉장히 심플하고,

볼펜은 모나미 153 인데 좀 색다른 스타일 입니다. ㅋㅋ

스티커는 그럭저럭 데코에 쓸만해 보입니다!!

잘쓰겠습니다~~ :)



 스티커 종류까지 깨알 기록 


 전체 상품 구성입니다!! 


 모나미 153.. 클래식 합니다. :) 


 티스토리 마크까지.. 기존 모나미 볼펜 보다 무게감 있어서 그립감도 괜찮습니다. 


 스티커를 시험삼아 적당히 모니터 받침대 위에 하나 붙여봤습니다. 



 
이 댓글을 비밀 댓글로
  1. 프로필사진
    • 동동
    • 2018.03.28 12:50
    오호! 좋으시겠어요 ~~~ 블로그 열심히 하니까 그런 행운이 오나봐요 ~~ 종종 들러 구경 할께요 ~ 좋은 정보 많이 올려 주세요 ~
    • 동동님도 블로그를 열심히 키워보아요!!
      저도 놀러가게요 ㅋㅋㅋㅋ

티스토리 2017 결산 이벤트 당첨!!

Posted by ironmask84
2018. 2. 28. 20:37 생각과 일상/오늘의 일상


간만에 티스토리 포스팅하러 왔더니,

관리자 화면 알림창에 이벤트 당첨?! 이라는 알림이!!!


원래 이런거 잘 당첨 안되는 편인데,

이렇게 생각지 못했던 이벤트에 당첨이라 기분이 좋네요 ^^

그래서 이렇게 자랑글 올려봅니다! (이 글 볼 사람은 별로 없겠지만!)


당첨 상품은 바로.. 한정판 티스토리 굿즈 다이어리, 볼펜, 스티커 !!!

3월 4째주에 상품이 온다는!!!

스티커는 카카오프렌즈 이지 않을까 조심스레 예상해봅니다!


요새는 다이어리, 스케줄러를 잘 안쓰고 그냥 스마트폰 스케줄러만 사용했는데

당첨된 기념으로 올해는 이걸 써야겠네요 ㅋㅋ

회사 다이어리도 있다는게 함정...


실물이 오는 3월 4째주에 다시 업뎃할게요 ㅎㅎ



 
이 댓글을 비밀 댓글로

방문자 수 15만 돌파 기념 이벤트!! (티스토리 초대장 배포) (마감)

Posted by ironmask84
2018. 1. 2. 23:33 ※공지


블로그 개설 8년 반 정도만에 방문자 수 10만을 돌파했었고!!

http://ironmask.net/311 ) 참조

그 후로 10개월 만인 2017년 12월에 15만을 돌파했습니다. ㅋㅋ

4년 동안 했던 걸 10개월만에 달성했네요 ^^;;

국내를 포함해서 전 세계적으로 인터넷 사용량도 많이 늘어난 덕도 있겠지만,

8년 내내 얼마나 관리를 안했으면... ㅡ_ㅡ...


개인 취미로 해보고자하는 의도가 크기 때문에 사실 방문자 수가 그렇게 중요한 것은 아닙니다만

어찌저찌 방문자가 늘어나는 것도 취미에 즐거움이 되는 것 같습니다. ^^


어느덧 2018년 무술년이 밝았습니다.
새해 복 많이 받으세요 ^_^




2018년을 맞이하여 새롭게 티스토리 블로그를 개설해보고픈 분들에게

초대장을 배포합니다. ^^


댓글 달아주실 때 블로그 개설 목적과 초대장을 받으실 메일주소를 적어주세요~

댓글 달아주시는 분 선착순 12명에게 티스토리 초대장을 보내드립니다~

단, 블로그 개설 목적이 없거나 부실한 분은 드리지 않습니다.

(별 것 아니지만, 개설하고 잘 안쓰시는 분들이 많더라구요 ㅜㅜ  그러니 활용하실 분들을 위해!!)


그리고 초대장 받으시고 개설하시는분들은 가능하면 꼭 아래 링크를 보시고 블로그 이웃추가를 부탁드립니다.^^

같이 커가는 블로그가 되었으면 해욧!!

http://ironmask.net/173 )


1시간도 채 지나지 않아 거의 마감이 된 것 같습니다;;

이렇게 티스토리 초대장 인기가 높을줄은 몰랐습니다. ^^;;

최대 누적 개수가가 12장이던데, 이럴줄 알았으면 진작에 배포하고 또 모을 걸 그랬네요 ㅜㅜ

많은 분들이 댓글 달아주셨지만, 모두 드리지 못해 죄송한 마음이네요 ㅜㅜ

개설 목적이 없거나 부실하거나 메일주소가 없으신 분들은 건너뛰고, 선착순으로 드렸습니다.

이미 다른분을 통해 초대 받으신 분도 있었구요 ^^

저 말고도 배포하시는 분들 많아서 늦게 댓글 주신분들도 조만간 다들 받으실 것으로 생각합니다. :)

멋진 블로그 기대할게요~ ㅎㅎ

 
이 댓글을 비밀 댓글로
  1. 이전 댓글 더보기
  2. 프로필사진
    • 익명
    • 2018.01.02 23:52
    비밀댓글입니다
  3. 프로필사진
    • 익명
    • 2018.01.02 23:53
    비밀댓글입니다
  4. 프로필사진
    • 익명
    • 2018.01.02 23:59
    비밀댓글입니다
    • 와~ 열정이 넘칠 나이네요 ^^
      부럽습니다. ㅋㅋ
      꿈과 생각도 많으실 것 같아요 :)
      블로그를 몇년 해본 결과, 여러가지 주제로는 참 관리 어려운것 같아요 ㅋㅋ
      저도 잘 못하고 있지만, 가능하면 주력으로 주제 몇 개만 선정해서 운영하는 것이 팁입니다. ^^
      초대장 드렸습니다~~
      글에도 말씀드렸지만,
      가능하시면 이웃추가 부탁드려요 ㅎㅎ
  5. 프로필사진
    • 익명
    • 2018.01.03 00:13
    비밀댓글입니다
  6. 프로필사진
    • 익명
    • 2018.01.03 00:26
    비밀댓글입니다
    • 어떤 작품을 보여주실지 기대되네요 ㅎㅎ
      좋은 블로그로 커가는 모습 보여주세요~^^
      초대장 드렸습니다~~
      글에도 말씀드렸지만,
      가능하시면 이웃추가 부탁드려요 ㅎㅎ
  7. 프로필사진
    • 익명
    • 2018.01.03 00:39
    비밀댓글입니다
  8. 프로필사진
    • 익명
    • 2018.01.03 01:15
    비밀댓글입니다
  9. 프로필사진
    • 익명
    • 2018.01.03 02:48
    비밀댓글입니다
  10. 프로필사진
    • 익명
    • 2018.01.03 02:51
    비밀댓글입니다
  11. 프로필사진
    • 익명
    • 2018.01.03 04:11
    비밀댓글입니다
  12. 프로필사진
    • 익명
    • 2018.01.03 05:50
    비밀댓글입니다
  13. 프로필사진
    • 익명
    • 2018.01.03 08:06
    비밀댓글입니다
  14. 프로필사진
    • 익명
    • 2018.01.03 09:14
    비밀댓글입니다
  15. 프로필사진
    • 익명
    • 2018.01.03 10:22
    비밀댓글입니다
  16. 프로필사진
    • 익명
    • 2018.01.03 10:31
    비밀댓글입니다
  17. 프로필사진
    • 익명
    • 2018.01.03 11:15
    비밀댓글입니다
  18. 프로필사진
    • 익명
    • 2018.01.03 13:05
    비밀댓글입니다
  19. 프로필사진
    방문자 15만명 축하 드립니다.
    저도 님처럼 블로그를 운영해보고 싶어서 이렇게 초대장을 요청하게 되었습니다.
    남는 초대장 있으시면 한장만 부탁드려도 될까요?? ^^
    haepari777@naver.com
  20. 프로필사진
    • 익명
    • 2018.01.03 16:41
    비밀댓글입니다
  21. 프로필사진
    • 익명
    • 2018.01.03 20:47
    비밀댓글입니다

방문자 수 10만 돌파 기념 이벤트!! (티스토리 초대장 배포)(마감)

Posted by ironmask84
2017. 2. 18. 21:56 ※공지


블로그 개설 8년 반 정도만에 방문자 수 10만을 돌파했습니다. 짝짝짝 ㅋㅋ

게을리한 기간이 많아서 개설 시작에 비해 초라한 수이지만,
조촐하게 이벤트를 진행해보려 합니다. ㅋㅋ

요즘도 티스토리 초대장이 필요하신분이 있을지.. 는 모르겠지만 ^^

댓글 달아주시는 분 선착순 5분에게 티스토리 초대장을 보내드립니다~
댓글 달아주실 때 초대장을 받으실 메일주소를 적어주세요~

마감되었습니다~~

언제 끝날지 모를? 이벤트이지만 많은 성원 부탁드립니다.  :)

앞으로도 제 맘대로? 양질의 포스팅을 위해 노오오력을 하는 블로그 운영이 계속될 예정이오니,
많은 방문과 댓글 부탁드립니다. ㅋㅋ


2017-2-18 ~ 2017-4-10 기간인 거의 2달만에 이벤트가 끝났네요 ㅋㅋ
다음 이벤트때 뵙겠습니다~~



 
이 댓글을 비밀 댓글로
  1. 프로필사진
    • 익명
    • 2017.02.18 23:11
    비밀댓글입니다
    • 이미 다른분께 받으신듯 한데요? ㅎㅎ
      존재하는 이메일이라고 하네요~
      즐거운 티스토리 되세요~~~
  2. 프로필사진
    • 익명
    • 2017.02.20 01:32
    비밀댓글입니다
    • 그럼요 ㅎㅎ
      메일로 보내드렸습니다.
      즐거운 티스토리 되세요~
  3. 프로필사진
    • 익명
    • 2017.02.20 16:43
    비밀댓글입니다
    • 배포는 힘들지 않아요 ㅎㅎ
      멋진 블로그 기대됩니다~ ^^
      포토샵 배우러 갈게요~~ ㅋ
      메일로 보내드렸어요~
  4. 프로필사진
    • 익명
    • 2017.02.21 14:10
    비밀댓글입니다
    • 아.. 초대장 받기가 힘든 것이었군요? ㅋㅋ
      메일로 보내드렸습니다~
      멋진 블로그 기대할게요~ ㅎㅎ
  5. 프로필사진
    • 익명
    • 2017.03.18 22:55
    비밀댓글입니다
    • 오우~ 독서 좋지요~~
      좋은 독서 리뷰 기대합니다~~ ^^
      메일 드렸어요~
  6. 프로필사진
    • mka67258
    • 2017.04.10 07:58
    저 주실 수 있나요..? mka67258@gmail.com 인ㄷ데 주시먄
    면 감사하겠습니다!!..
    • ㅎㅎ 마지막 1장의 주인공이 되셨군요!
      메일 드렸습니다~~
      좋은 블로그 기대할게요~~^^

JavaScript - 이벤트 응용4 - jQuery 활용

Posted by ironmask84
2015. 7. 30. 09:15 나는 프로그래머다!/HTML5


앞서 포스팅했던 이벤트 등록법은 순수 html 혹은 JavaScript를 이용한 방법이었습니다.

jQuery를 이용하면 아래와 같이 매우 간결하고 쉽게 이벤트 등록이 가능하므로,
매우 생산적! 이라고 할 수 있습니다. (프로그래머들은 간결한 것을 좋아하죠 :) )

opentutorials.org 사이트에서 참 많이 배우고 가는데요.
밑에 예시도 거기서 참조하였습니다. ㅎ

<input type="button" id="pure" value="pure" />
<input type="button" id="jquery" value="jQuery" />
<script src="//code.jquery.com/jquery-1.11.0.min.js"></script>
<script>
// 순수하게 구현했을 때
var target = document.getElementById('pure');
if(target.addEventListener){
target.addEventListener('click', function(event){
alert('pure');
});
} else {    // for I.E8 이하
target.attachEvent('onclick', function(event){
alert('pure');
});
}
// jQuery를 사용했을 때
$('#jquery').on('click', function(event){
alert('jQuery');
})
</script>


** selector를 이용한 이벤트 등록

<ul>
<li><a href="#">HTML</a></li>
<li><a href="#">CSS</a></li>
<li><a href="#">JavaScript</a></li>
</ul>
<script src="//code.jquery.com/jquery-1.11.0.min.js"></script>
<script>
$('ul').on('click','a, li', function(event){
console.log(this.tagName);
})
</script>


** html 태그가 로딩되기 전에 script를 실행시키는 late binding
(onload 이벤트와는 다르다.)

<script src="//code.jquery.com/jquery-1.11.0.min.js"></script>
<script>
$('body').on('click','a, li', function(event){
console.log(this.tagName);
})
</script>
<ul>
<li><a href="#">HTML</a></li>
<li><a href="#">CSS</a></li>
<li><a href="#">JavaScript</a></li>
</ul>


** 다중 바인딩

1) 하나의 엘리먼트에 여러개 이벤트 등록

<input type="text" id="target" />
<p id="status"></p>
<script src="//code.jquery.com/jquery-1.11.0.min.js"></script>
<script>
$('#target').on('focus blur', function(e){
$('#status').html(e.type);
})
</script>

2) 이벤트에 따라 다른 핸들러 등록

<input type="text" id="target" />
<p id="status"></p>
<script src="//code.jquery.com/jquery-1.11.0.min.js"></script>
<script>
$('#target').on({
'focus' : function(e){
},
'blur' : function(e){
}
})
</script>

3) chaining 기법도 가능
$('#target').on('focus', handler).on('blur', handler);


** 이벤트 제거 (off 함수 사용)

<input type="text" id="target"></textarea>
<input id="remove" type="button" value="remove" />
<p id="status"></p>
<script src="//code.jquery.com/jquery-1.11.0.min.js"></script>
<script>
var handler = function(e){
$('#status').text(e.type+Math.random());
};
$('#target').on('focus blur', handler)
$('#remove').on('click' , function(e){
$('#target').off('focus blur', handler);
console.log(32);
})
</script>

출처
https://opentutorials.org/module/904/6862
https://opentutorials.org/module/904/6888

 
이 댓글을 비밀 댓글로

JavaScript - 이벤트 응용2 - 이벤트 타입

Posted by ironmask84
2015. 7. 29. 16:39 나는 프로그래머다!/HTML5


1. 폼
submit : 폼의 정보를 서버로 전송하는 명령인 submit시에 일어난다. form 태그에 적용된다.
change : 폼 컨트롤의 값이 변경 되었을 때 발생, input(text,radio 등), textarea, select 태그에 적용
blur : 엘리먼트에 포커스가 생겼을 때
focus : 포커스가 사라졌을 때 발생

2. 문서 로딩
웹페이지를 프로그래밍적으로 제어하기 위해서는 웹페이지의 모든 요소에 대한 처리가 끝나야 한다. 이것을 알려주는 이벤트가 load, DOMContentLoaded이다.

그런데 load 이벤트는 문서내의 모든 리소스(이미지, 스크립트)의 다운로드가 끝난 후에 실행된다. 이것을 에플리케이션의 구동이 너무 지연되는 부작용을 초래할 수 있다.

DOMContentLoaded는 문서에서 스크립트 작업을 할 수 있을 때 실행되기 때문에 이미지 다운로드를 기다릴 필요가 없다.

<script>

window.addEventListener('load', function(){
console.log('load');
})
window.addEventListener('DOMContentLoaded', function(){
console.log('DOMContentLoaded');
})
</script>

3. 마우스
아래 링크 참조
http://output.jsbin.com/pepib/4/

  • click
    클릭했을 때 발생하는 이벤트. 
  • dblclick
    더블클릭을 했을 때 발생하는 이벤트
  • mousedown
    마우스를 누를 때 발생
  • mouseup
    마우스버튼을 땔 때 발생
  • mousemove
    마우스를 움직일 때
  • mouseover
    마우스가 엘리먼트에 진입할 때 발생
  • mouseout
    마우스가 엘리먼트에서 빠져나갈 때 발생
  • contextmenu
    컨텍스트 메뉴가 실행될 때 발생


참고 출처
https://opentutorials.org/module/904/6762
https://opentutorials.org/module/904/6765
https://opentutorials.org/module/904/6766

 
이 댓글을 비밀 댓글로

JavaScript - 이벤트 응용1 (버블링과 캡쳐링)

Posted by ironmask84
2015. 7. 28. 15:23 나는 프로그래머다!/HTML5


버블링과 캡쳐링은 addEventListener() 사용 시, 3번째 인자에 따라 구분된다.
true이면 캡쳐링이며, false 혹은 인자를 비워두면 버블링이다.

버블링 : 중첩된 태그에 등록된 이벤트를 가장 안쪽 태그부터 수행
캡쳐링 : 중첩된 태그에 등록된 이벤트를 가장 바깥쪽 태그부터 수행

웹브라우져 호환때문에도 그렇고, 거의 버블링을 사용한다.


http://output.jsbin.com/yozax/1/  <-- 웹 상에서 코드수정이 가능한 site 굿!


<html>
<head>
<style>
html{border:5px solid red;padding:30px;}
body{border:5px solid green;padding:30px;}
fieldset{border:5px solid blue;padding:30px;}
input{border:5px solid black;padding:30px;}
</style>
</head>
<body>
<fieldset>
<legend>event propagation</legend>
<input type="button" id="target" value="target">
</fieldset>
<script>
function handler(event){
var phases = ['capturing', 'target', 'bubbling']
console.log(event.target.nodeName, this.nodeName, phases[event.eventPhase-1]);
}
document.getElementById('target').addEventListener('click', handler, true);
document.querySelector('fieldset').addEventListener('click', handler, true);
document.querySelector('body').addEventListener('click', handler, true);
document.querySelector('html').addEventListener('click', handler, true);
</script>
</body>
</html>


위 코드에서 이벤트 실행 전파를 막는 방법도 있다.
아래의 핸들러를 정의한 후에 이벤트 등록 시에 사용하면 가능한다.
아래 코드를 추가 및 수정하면, body 태그의 이벤트 까지만 호출된다.

function stophandler(event){
var phases = ['capturing', 'target', 'bubbling']
console.log(event.target.nodeName, this.nodeName, phases[event.eventPhase-1]);
event.stopPropagation();
}
document.querySelector('body').addEventListener('click', stophandler, false);


참고출처 : https://opentutorials.org/module/904/6768

 
이 댓글을 비밀 댓글로

JavaScript - 이벤트

Posted by ironmask84
2015. 7. 28. 11:21 나는 프로그래머다!/HTML5


<!DOCTYPE html>
<html>
<body>
<input type="button" onclick="alert(window.location)" value="alert(window.href)" />
<input type="button" onclick="window.open('bom.html')" value="window.open('bom.html')" />
</body>
</html>


event target
->target은 이벤트가 일어날 객체를 의미한다.

event type
->이벤트의 종류를 의미한다.
   (
https://developer.mozilla.org/en-US/docs/Web/Reference/Events)

event handler
-> 이벤트가 발생했을 때 동작하는 코드를 의미한다. 
    위의 예제에서는 alert(window.location)이 여기에 해당한다.

출처 : https://opentutorials.org/module/904/6629


** 이벤트 등록방법

1. inline : 이벤트를 이벤트 대상의 태그 속성으로 지정하는 것이다.
<input type="button" onclick="alert('Hello world');" value="button" /> <input type="button" onclick="alert('Hello world, '+this.value);" value="button" />

2. property listener : 
이벤트 대상에 해당하는 객체의 프로퍼티로 이벤트를 등록하는 방식
event 객체에는 여러가지 정보가 담겨있다!!(console.dir(event); 확인)

<body>
<input type="button" id="target" value="button" />
<script>
var t = document.getElementById('target');
t.onclick = function(event){
alert('Hello world, '+event.target.value)
}
</script>

// I.E 8이하 버젼 호환을 위해서는 아래와 같이 추가 예외처리 필요

<input type="button" id="target" value="button" />
<script>
var t = document.getElementById('target');
t.onclick = function(event){
var event = event || window.event;
var target = event.target || event.srcElement;
alert('Hello world, '+target.value)
}
</script>


3. addEventListener() :
가장 권장하는 방식. 한 target에 여러 이벤트 등록 혹은 정의해 놓은 한 이벤트 핸들러를 여러 객체에 등록할 수 있다.


var t = document.getElementById('target');
if(t.addEventListener){
t.addEventListener('click', function(event){
alert('Hello world, '+event.target.value);
});
} else if(t.attachEvent){    // I.E 8이하 버젼의 호환을 위해..
t.attachEvent('onclick', function(event){
alert('Hello world, '+event.target.value);
})
}
// 한 target에 여러 이벤트를 등록
<input type="button" id="target" value="button" />
<script>
var t = document.getElementById('target');
t.addEventListener('click', function(event){
alert(1);
});
t.addEventListener('click', function(event){
alert(2);
});
</script
// 하나의 리스너로 여러 target에 적용
<input type="button" id="target1" value="button1" />
<input type="button" id="target2" value="button2" />
<script>
var t1 = document.getElementById('target1');
var t2 = document.getElementById('target2');
function btn_listener(event){
switch(event.target.id){
case 'target1':
alert(1);
break;
case 'target2':
alert(2);
break;
}
}
t1.addEventListener('click', btn_listener);
t2.addEventListener('click', btn_listener);
</script>

출처
https://opentutorials.org/module/904/6759
https://opentutorials.org/module/904/6760
https://opentutorials.org/module/904/6761

 
이 댓글을 비밀 댓글로