2021년 3월 16일 화요일

JavaScript Object[‘key’] vs Object.key 차이

 https://medium.com/sjk5766/javascript-object-key-vs-object-key-%EC%B0%A8%EC%9D%B4-3c21eb49b763

2021년 2월 23일 화요일

Redux 관련 사이트

connect의 mapStateToProps는 언제 실행될까. 그리고 리렌더링은 언제 어떻게 발생하는가.

 https://hoilzz.github.io/react/connect-state/


https://velog.io/@jeonghoheo/Redux-React-요약

2021년 2월 3일 수요일

form input box enter event submit run many times

 https://www.hashbangcode.com/article/prevent-enter-key-submitting-forms-jquery


jquery를 사용해서 아래와 같이 처리

onkeydown->enter 이벤트 막고

onkeydown->enter 이벤트 실행

2021년 1월 21일 목요일

javascipt 실행 순서

 https://medium.com/gdana/%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8-%ED%98%B8%EC%B6%9C%EC%88%9C%EC%84%9C-d51a4349be71

DOM 리소스가 작을 경우 (클 경우 1 3 2 )

1. script  순서대로 실행

2. dom 로딩후 window.onload(=body onload)

3. dom 로딩후 $(document).ready(=$(function(){}))


$(document).ready() = $(function())

외부리소스, 이미지와는 상관없이 브라우저가 DOM트리를 생성한 직후 실행

window.load()와 비슷한 시점 실행되고 중복사용해도 선언한 순서대로 실행

(html리소스 작은 경우 onload가 빠름)

(html리소스가 큰 경우 ready가 빠름)


(window).load() = body onload

DOM의 standart 이벤트

Html로딩이 끝난 후 사용

딱한번만 로딩(중복 이벤트 불가)

화면에 필요한 모든 요소(css, js, image..)가 웹 브라우저 메모리에 올려진 다음 실행

화면이 모두 그려진 다음에 실행되는 이벤트에 적합

외부링크나 파일 include 시 그안에 window.load 스크립트가 있으면 둘중 하나 실행

















2021년 1월 18일 월요일

jquery 선택자

 https://gangzzang.tistory.com/entry/%EC%A0%9C%EC%9D%B4%EC%BF%BC%EB%A6%ACjQuery-%EC%84%A0%ED%83%9D%EC%9E%90

2021년 1월 8일 금요일

java date type simpledataformat 가공방법

 https://everlikemorning.tistory.com/entry/SimpleDateFormat-%ED%8C%A8%ED%84%B4%EB%B0%8F-%EC%82%AC%EC%9A%A9%EC%98%88%EC%A0%9C