이번 글은 실무에서 사용 중인 페이지에서 문제가 발생하여, 이번 기회에 for문과 동기,비동기에 대해 정리하고자 글을 작성했다. 문제점은 승인버튼을 누르면 다건처리가 가능한데, 1,2,3 건에 대한 승인 시도시, 2번에 대한 결제취소가 되면 1,3번 건이 승인완료처리가 되지않고 1,2번건이 승인완료 처리가 되는 문제점이 있었다. 성공한건만 승인완료가 되어야 한다! 소스를 보니 문제점은 비동기 처리와 for 루프의 비동기성 문제였다.for 루프 안에서 ajaxJson(비동기) 함수를 호출하고 있는데, 이 ajaxJson 호출은 기본적으로 비동기로 동작한다. 즉, for 루프는 ajaxJson 호출이 끝나기를 기다리지 않고 즉시 다음 반복으로 넘어간다. 이로 인해 루프가 모두 완료된 후에도 ajaxJson ..
jquery cdn을 작성하고 시작. - jQuery에서는 어떤 대상을 선택한 뒤 작업을 시작한다. - jQuery(실행대상).on(명령 = "이벤트 종류",콜백함수) - jQuery는 자체적으로 ready라는 이벤트를 사용한다. 제목 회원 가입 아이디 비밀번호 비밀번호 확인 가입 !DOCTYPE html> 오늘의 할 일 등록
# Javascript 코드 위치 - style과 마찬가지로 HTML보다 미리 불러와서 처리하도록 구현 - style보다는 아래 배치 - 체크박스는 onclick으로 하면 정확하게 캐치가 안되서 oninput,onchange를 사용 (onchange를 더 선호) 자바스크립트를 쓰고 싶다면 HTML 내부에 태그를 생성해야 한다 type을 어떻게 설정하느냐에 따라 다른 언어로 인식(기본값 = text/javascript) 아래는 자바스크립트를 사용한 예제 1 폼 검사 예제 아이디 아이디 통과 아이디 오류 비밀번호 비밀번호 통과 비밀번호 오류 등록 2 //onload 대신 addEventListener 함수를 사용하면 //여러 개를 덮어쓰기 없이 추가 가능 //- ("이벤트 이름",함수를 매개변수로 사용) H..
# 단방향 연결 # 양방향 연결 # let, const # MVVM # Vue JS를 사용하려면.. -VueJS를 사용하기 위해서는 필요한 의존성을 불러와야 하며, 다양한 방법들이 존재한다. 여러 방법 중 가장 간편하게 사용할 수 있는 CDN을 사용하며, 공식 문서에 나와 있는 unpkg에서 제공하는 CDN을 사용한다. ** controller에 @requestbody 적기! ( post,put,patch) - 무조건 최신버전으로 넣어준다. ## Vue instance data v-model template computed watch methos ## Vue directive v-text v-html v-bind v-on ( v-on:click="함수이름" → 클릭 시 함수를 Vue가 호출하도록 위탁 v..
