방구석 상상코딩

사전에 정의된 기능에 대한 구체적 분석 1. 송신 측에서 필요한 대상을 선택하여 수신 측에 데이터 전송 대상자 선택 : DB에 저장된 인사 정보를 SQL로 선택하여 인터페이스 대상을 확인 인터페이스 데이터 생성 : Json 또는 인터페이스 테이블 형식에 맞게 DB에 있는 정보 가공 인터페이스 데이터 전송 요청 : 인터페이스 데이터를 생성 후 해당 데이터를 https에서 인터페이스 또는 수신 측으로 전송 요청 2. 필요 항목에 대해서 데이터 전달 인터페이스 데이터 전송 : 수신지 주소에 REST 방식으로 전달될 수도 있으며 DB 커넥션을 이용하여 DB 프로시저, 트리거 등을 활용하여 전송 인터페이스 데이터 수신 : 인터페이스 데이터를 수신한 후 데이터의 형식이 맞는지 점검, 각 규칙을 사전에 정의하고 이를..

Ajax 전송 Form 전송 전송 방식 비동기/동기 동기 방식 method 방식 type success funtion 방식 페이지 이동(Reload) X O Event(이벤트) 발생 Evnet Listener 생성을 통해 데이터 전송 별도의 코드 없이 HTML만으로 submit 이벤트를 통해 데이터 전송 content-type (request로 보내는 데이터가 무엇인지 확인) (기본) - application/x-www-form-urlencoded - key=value&key=value 형태로 전송 ex) data:id=${id}&email=${email}&email_auth_key=${email_auth_key} (기본) - application/x-www-form-urlencoded (파일전송) - ..

동기식 비동기식 요청(Request) 후 응답(Response)을 받아야지만 다음 동작이 이루어진다. 요청(Request)을 보낸 후 응답(Response)과는 상관없이 동작하는 방식이다 > Client (클라이언트) Server에서 정보를 가져와서 사용자에게 보여줄 수 있고 사용자와 상호 작용할 수 있는 소프트웨어 Ex) web browser, 핸드폰 애플리케이션 > Server 네트워크 상에서 접근할 수 있는 프로그램으로서 어떤 자료들에 대한 관리나 접근을 제어해주는 프로그램 Ajax - 자바스크립트의 라이브러리 중 하나 (Asynchronous Javascript And XML) - 비동기식 서버에 데이터를 요청하여 필요한 데이터를 받아와 전체 페이지를 새로 고치지 않고 변경이 필요한 페이지 부분만..

동기식 비동기식 요청(Request) 후 응답(Response)을 받아야지만 다음 동작이 이루어진다. 요청(Request)을 보낸 후 응답(Response)과는 상관없이 동작하는 방식이다 Ajax는 비동기식으로 처리가 된다. = Ajax는 따로 처리되고 자바스크립트는 Ajax의 결과를 기다리지 않고 실행된다. 그러나 아래와 같이 Ajax의 순서에 따라 동작해야 하는 경우 => "async" 옵션을 사용한다. 1) Ajax가 먼저 처리 된후 자바스크립트가 실행되어야 하는 경우 2) Ajax 안에 Ajax가 처리되어야 하는 이중 Ajax를 써야 하는 경우 3) 기타 (Ajax가 먼저 실행 후 자바스크립트가 실행되어야 하는 경우) async : (true) / false true defualt 값 (기본값) ..