자바스크립트 비동기 처리와 콜백 함수 프로미스? async & await 함수 표현 INTRO 프론트단에서 간단히 작동할 동작들을 스크립트로 작성할 필요가 많아졌다. 문법적으로 생소한 부분들을 공부 겸, 정리해두려고 한다. 비동기 처리 비동기 처리가 무엇이며, 왜 비동기 처리가 필요할까? 기본적으로 프로그램은 절차적으로 동작을 수행한다. 이 말은 다음과 같다. c의 값을 알기 위해서는 a가 수행되고, b가 수행되고 난 후에야만 가능하다. function1()이 종료되고, function2()가 종료되어야만 c의 값이 결정되는 것이다. 이것이 절차적으로 수행되는 것이며 이러한 방식을 요청을 보낸 후 응답을 받아야만 다음 태스크가 수행되는,동기식 처리라고 한다. 이러한 처리가 왜 문제가 될까? 가끔 마트에서 급하게 물건 하나를 살 일이 있어서 들렀을 때가 생각난다. 나는 진짜 딱 한개의 물건만 계산하면 되지만, 앞줄의 사람들이 다 계산될 때 까지 기다려야 한다. 동기식 처리는 이 …

존재하는 함수들을 사용한다면 위처럼 간단하게 코딩할 수도 있다. 하지만, 간단한 문제이므로 직접 함수들을 구성하면 논리력을 강화시킬 수 있는 좋은 공부가 될 것이다. 간단하게 수행해야 할 단계들을 구상하고, 각 단계들을 디테일하게 구현하는 탑다운 방식으로 짜볼 것이다.

https://jqueryui.com/tabs/#manipulation jQuery UI에서 탭 추가/삭제 데모버전 코드를 기준으로 작성하였다. 여기서는, 탭의 이름과 탭에 들어갈 내용을 적어주면 해당 결과로 탭을 추가해주는 구조다. 그러나 실질적으로 내가 사용할 때에는 다이얼로그는 필요없고, 탭을 추가할때 div를 추가해주는지, 그 시점에 jsp를 동적으로 해당 div에 include 해주는지 가 관건이었다. 현재 테스트를 위해, include 할 jsp의 url은 정해놨지만 변수로 빼놓은 상황이다. 추후 상황에 맞게 응용 가능한 구조. Add tab을 누르면 탭이 추가가 된다. 탭을 클릭시 해당 탭으로 이동되는 형태이며, X버튼을 클릭시 해당 탭은 삭제가 된다. 즉, 동적으로 탭을 추가/삭제 할 수 있는 구조 단순히 태그만 추가하는 형태가 아니라, 해당 탭에 id를 부여하고 jsp를 include하여주는 형태다. 이러한 작업들이 동적으로 작동되도록 구현한 점이 핵심 …

가장 먼저 context정보를 불러온다. DB에 접근하는 영역 DAO (Data Access Object) 여기에 정의된 내용들은 agent가 동작할 데이터 영역의 구조들이라 생각하면 된다. 이 데이터들을 이용하여 유의미하게 서비스를 제공 혹은 인사이트를 생성해내는 로직을 개발하는 것이 앞으로의 agent 개발 건들에 대해서 기본적으로 생각해야할 전제가 될 것으로 보인다. 따라서 어떤 기능을 동작할 것인지 명세하고 탑-다운 형태로 구현해나가는 것을 목표로 할 것이다. DB단과 통신하는 경우는 DAO를 이용하고, 질의문은 sql을 정의해놓은 xml에서 id값을 찾아서 데이터를 넘겨준다. 결과값은 보통 HashMap을 이용하여 불러오는 형태로 만든다. 해쉬는 형태인데 키 값을 통하여 찾고자 하는 레코드에 접근하는 형태다. 레코드는 여러개의 필드의 값을 담고있는 객체인데, 보통 이러한 객체를 Bean객체라 부른다. 통상적으로 agent가 작동할 때는, 파일…