일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 | 31 |
- object
- 출처 : https://webdir.tistory.com/506
- 출처 : https://joshua1988.github.io/web-development/javascript/promise-for-beginners/
- http://jeonghwan-kim.github.io/dev/2019/06/25/react-ts.html
- https://velog.io/@velopert/create-typescript-react-component
- toString
- 게시판
- Today
- Total
목록2019/12 (2)
Back Ground
Promise가 무엇인가? 프로미스는 자바스크립트 비동기처리에 사용되는 객체. 여기서 자바스크립트의 비동기 처리란 '특정 코드의 실행이 완료될 때까지 기다리지 않고 다음 코드를 먼저 수행하는 자바스크립트 특성'을 위미한다. Promise 코드 - 기초 그럼 프로미스가 어떻게 동작하는지 이해하기 위해 예제 코드를 살펴본다. [간단한 ajax 통신코드 - Callback을 사용한 경우] function getData(callbackFunc) { $.get('url 주소/products/1', function (response) { callbackFunc(response); // 서버에서 받은 데이터 response를 callbackFunc() 함수에 넘겨줌 }); } getData(function (tabl..
흔히 이벤트가 부여된 요소를 숨기면 해당 이벤트가 작동하지 않을꺼라 생각한다. 대부분 의도한 결과를 반영하지만 숨김처리에 사용한 방법이 opacity속성을 이용한 경우라면 노출되진 않지만 해당영역의 이벤트에 응답하기 된다. 이를 강제로 제어하기 위해서는 pointer-events를 활용해야 한다. 숨김처리 속성에 따른 특성 요소를 숨길때 사용되는 CSS속성 숨김 속성과 값 공간 점유 이벤트 탭(Tab)접근 opacity: 0 점유 활성 가능 visibility: hidden 점유 비활성 불가능 visibility: collapse 테이블안에서만 비 점유 비활성 불가능 display: none 비점유 비활성 불가능 이벤트가 비활성되는 속성들을 사용하면 좋겠지만, 트랜지션(전환)이나 애니메이션 같이 프레임별..