Land of Joe

Run instructions for Android:    • Have an Android emulator running (quickest way to get started), or a device connected.    • cd "/Users/jke/SampleApp" && npx react-native run-android    Run instructions for iOS:    • cd "/Users/jke/SampleApp"        • npx react-native run-ios    - or -    • Open SampleApp/ios/SampleApp.xcworkspace in Xcode or run "xed -b ios"    • Hit the Run button

제목 오타임..... 사실 오타 아님.......ㅎ

currentTarget은 이벤트 리스너가 등록된 요소 그 자체. target은 이벤트가 발생한 요소. '버튼'에 mouseover 하면 아래 "음성으로 검색"이라는 '태그'가 보이고, '버튼'에 mouseout 하면 '태그'가 사라지는 이벤트를 만들고 있다. 이때 '버튼'은 currentTarget, '태그'는 target에 해당한다. 나의 경우 '버튼'에 이벤트를 부여하였고, 버튼에 가하는 이벤트에 따라 이벤트가 발생할 요소에 변화를 가하는 코드를 짰기 때문에 target이 아닌, currentTarget을 사용해야 원하는 대로 작동한 것이다.

JSP를 통해 백엔드 통신이 가능한 프론트엔드 코드를 짜다보니 html 태그의 속성들에 대해 조금 더 깊게 알게 되었다. 그중에서 button과 input. 버튼을 만드는 방법은 누구나 알고 있 듯, 버튼 혹은 이 있다. 백엔드 통신을 하기 전에 프론트에서 예외처리나 동적 이벤트를 진행할 일이 있다면 통신, 즉 submit을 지연시켜야한다. 이 지연을 시키기 위한 방법으로 으로 일단 아무 작동을 하지 않는 버튼을 만들어놓고, 프론트의 동적 처리 함수 내부에 모든 코드를 짠 뒤 맨 마지막에 form.submit을 해줄 수 있다. ✔︎ form.submit이란 통신을 하기 위해 받은 모든 정보들을 감싼 태그를 submit 해준다는 뜻이다. 예를 들어 아래의 상황에서 유저가 #id와 #pw input을 작성 ..

어제는 이벤트 버블링에 의해 모달창의 검은배경이 아닌 다른 어느 부분을 눌러도 모달창이 닫히는 문제를 해결하는 방법에 대해 공부하였다. for (let i=0; i < $('.tab-button').length; i++) { $('.tab-button').on('click',function(){ $('.tab-button').removeClass('orange') $('.tab-button').eq(i).addClass('show') $('.tab-content').removeClass('orange') $('.tab-content').eq(i).addClass('show') }) } [JavaScript] 이벤트버블링이벤트 버블링 : HTML 태그에 이벤트가 발생하면 그의 모든 상위요소까지 모두 이벤트..

Hello World:) 네이버 블로그에 글을 쓴 지도 벌써 4년째인데 낯선 곳에서 새로운 시작을 하려니 왜이렇게 어색하고 어려운지 모르겠다. 나는 본래 글 쓰는 것을 좋아하지만 감정을 뺀 객관적인 진술보단 아주 사소하고 개인적인 이야기가 위주였기에 그런 것 같다. 이 공간은 개발자로서의 나, 느리더라도 꾸준한 성장을 기록하기 위한 공간이다. 프론트엔드 개발자를 목표로 공부하고 있다. 이러한 목표를 갖기까지 참 멀리도 돌아왔다. 경영학을 전공하다가 VR/AR 산업에 관심이 생겨 소프트웨어를 공부하고 싶다는 생각에 소프트웨어융합공학 연계전공을 시작했다. 연계전공을 시작한 첫 학기엔 컴퓨터네트워크, 둘째 학기엔 파이썬 기초와 자료구조론을 동시에, 셋째 학기엔 데이터베이스와 알고리즘을 수강하였다. 넷째 학기엔..