코다닥

WEBAjaxAjax는 웹 브라우저에서 비동기 HTTP 요청을 보내기 위한 기술임XMLHttpRequest 객체를 사용해 요청을 보내고 그 응답을 받아 처리함하지만 코드가 복잡하고 콜백 함수로 인해 가독성이 떨어짐  Fetch Fetch는 더 간결하고 직관적인 문법을 제공하며Promise 기반으로 동작함.then(), .catch(), async/await 같은 문법을 통해 비동기 처리를 더 쉽게 할 수 있음fetch('요청url') .then(response => response.json()) // 응답을 JSON 형식으로 변환 .then(data => console.log(data)) // 데이터 처리 .catch(error => console.error('Error:', error));..

WEB생성한 Assistant 사용하기현재 Assistant API는 베타버전이기 때문에요청 시 헤더에 "OpenAI-Beta : assistant=v2" 를 붙여줘야됨 1. Assistant 생성2. Thread 생성  // 스레드 생성 요청public static SimSimeDTO getThread(SimSimeDTO simsimeDTO, JSONParser parser) { System.out.println("KosimeFunction.java getThread() 시작"); HttpClient client = HttpClient.newHttpClient(); // 스레드 생성 요청 본문 (assistant ID 포함) String threadRequestBody = "{}"..

WEBAssistant API란OpenAI의 Assistant API는 애플리케이션 내에 AI기반 어시스턴트를 만들 수 있는 API 도구로사용자가 질문을 던지거나, 특정 작업을 요청할 때, 자연어 처리 기술을 기반으로답변을 제공하는 API임 Assistant API를 이용해 사용자의 요구사항을 이해하고 상호작용적으로 참여하는AI Assistant를 구축할 수 있으며어시스턴트를 특정 목적에 맞게 맞춤 설정하고 해당 용도에 필요한 관련 데이터를 제공할 수 있음예를 들어 날씨 관려 정보를 제공하는 AI 날씨 assistant나 여행 관련 질문에답변 하는 AI 여행 assistant 등이 있음 본인은 현재 진행중인 프로젝트에 AI 챗봇 용도로 API를 활용함 Assistant 동작 흐름 Assistant 생성 ..

포트원 인증 결제인증 결제란인증결제는 신용카드 결제시 PG사로 부터 결제에 대한 인증 결과 수신 이후 해당 인증키로 결제를 요청하는 결제 방식을 지칭합니다. 국내에서 제일 많이 볼수 있는 결제방식으로 결제 주문페이지에서 결제가 요청되면 각 PG사의 결제창이 활성화되고 그후 고객이 선택한 카드사에 따른 카드사 전용 결제모듈에서 인증이 완료되면 해당 인증값을 바탕으로 결제를 요청하는 흐름으로 결제가 진행됩니다.인증 결제 필요성에 대해 본인이 이해한 바로는 "악성 유저가 가격(금액)을 바꿔서 결제할 수 있기 때문에인증 결제가 필요함" 처음엔 잘 이해가 되지 않음"이걸 어떻게 바꿔서 결제한다는 말이지?" 라고 생각했지만 테스트 중에 발견한 버그가 있음  이런 이유때문에 인증결제가 필요함포트원 사전 등록 시토큰이..

결제 API와 결투 "포트원을 사용하면 코드를 추가 작성할 필요없이 손쉽게 구현이 가능" 이라는 키워드를 보고결제 API를 포트원으로 선택함 결투 사전 준비1. 포트원 가입https://portone.io/korea/ko 포트원 | 온라인 비즈니스 성장을 돕는 기업포트원이 제공하는 단 한 줄의 코드로 세상의 모든 결제를 손쉽게 연동해보세요. PG사 통합결제 연동, 해외결제, 파트너 정산 관리, 결제 애널리틱스, 수수료 혜택까지, 포트원의 맞춤 컨설팅을portone.io 2. 결제 연동채널 추가 버튼 -> 대행사 선택 -> 모듈 선택 3. 채널 추가 세부 사항 작성(테스트라면 공용 MID 선택)채널 연동을 완료했다면6. 좌측 하단 콘솔 가이드 보기 ㄱㄱ콘솔 가이드가 정말 친절한데나만 못알아 듣는 느낌 본인..

WEB이메일을 전송하려면 이메일 서버가 필요함본인은 구글 이메일 서버를 사용함 구글 서버를 사용하려면 몇가지 단계가 있음 1. 구글 접속 후 계정 관리에 들어감2. 2단계 인증 클릭클릭 후 들어가서앱 비밀 번호 클릭사용하고 싶은 앱 이름을 작성하고 만들기를 클릭하면16자리 비밀번호가 나옴 이메일 api 사용시 필요하기 때문에 복사 3. 라이브러리 추가 하기사용되는 라이브러리는 `javax.mail`과 `activation-jaf` javax.mail.jar : JavaMail API를 제공하여 이메일을 전송할 수 있게 해줌activation-jaf1.1.1.jar : 이메일에 첨부파일을 추가하거나 다양한 데이터 타입을 처리할 수 있게 함4. GoogleAuthentication 객체 생성import ja..

WEB필터란(Filter)란필터(Filter)는 자바 서블릿(Java Servlet) API의 일부로, 웹 애플리케이션에서 요청(request)과응답(response)을 처리하기 전에 추가적인 작업을 수행할 수 있게 해주는 컴포넌트임필터는 특정 요청에 대해 항상 수행됨 리스너와는 차이가 있음 필터는 요청과 응답의 흐름을 조작하고 필터링하는 데 사용됨. 요청과 응답을 처리하기 전과 후에작업을 수행할 수 있음 리스너는 웹 애플리케이션의 특정 이벤트에 반응함. 애플리케이션의 라이프사이클 이벤트에 따라호출되며, 주로 애플리케이션의 상태 변화를 감지(모니터링, 감시)하고 처리하는 데 사용됨 주로 보안, 요청의 인증 / 인가 인코딩에 사용됨 필터의 동작 원리1. 요청 처리 전 - 클라이언트가 요청을 보내면, 필터는..

WEB웹 애플리케이션에서 사용자에게 정보를 전달하기 위해 안내창을 사용하는 것은 매우 중요함안내창은 사용자에게 성공 또는 실패와 같은 정보를 시각적으로 효과적으로 전달할 수 있는 수단이기 때문안내창 유형모달 창 (Modal Window)정의: 모달 창은 사용자가 다른 작업을 하기 전에 반드시 상호작용해야 하는 대화 상자임일반적으로 페이지의 중앙에 나타나며, 배경을 흐리게 하여 사용자의 주의를 끌고 정보를 전달함용도: 사용자에게 정보를 제공하거나 정보를 입력 받기 위해 사용됨스위트알랏 (SweetAlert)정의: SweetAlert는 JavaScript 라이브러리로, 아름답고 사용자 친화적인 알림 창을 제공하는 도구임기본적인 alert(), confirm(), prompt()보다 더 풍부한 사용자 경험을 ..

WEB기능추가가 이루어질 때내부적으로 경쟁력이 없다고 생각될 때내부적으로 해당 기능이 애플리케이션의 경쟁력을 높이지 않는다고 판단될 때의 경우기능 추가의 필요성을 다시 한 번 평가하고, 추가적인 시간을 투자하기 전에 기능이 정말로가치가 있는지 검토해야 함 외부적으로 클라이언트의 요구에 의해클라이언트의 요구에 따라 기능을 추가할 때는 사용자의 필요를 충족시키기 위해 신속하고 정확하게 대응해야 함기능 추가에 따른 요구 사항을 명확히 파악하고, 요구 사항이 애플리케이션의 전반적인 구조와잘 통합될 수 있도록 신경 써야 함MVC 구성 요소별 유의사항1. 모델(Model)역할: 애플리케이션의 데이터와 비즈니스 로직을 담당데이터베이스와의 상호작용을 통해 데이터를 처리하고, 비즈니스 로직을 구현함 유의사항: 모델의 책..

WEB웹 애플리케이션을 성공적으로 개발한 후, 실제로 사용자가 접근할 수 있도록 실행하고 배포하는 과정이 필요함웹 앱 실행하기웹 애플리케이션을 로컬 환경에서 실행하는 것은 개발 중에 애플리케이션을 테스트하고 디버깅하는 데 중요함실행 방법은 사용하는 기술 스택에 따라 다를 수 있음(1) 개발 서버 사용하기대부분의 현대 웹 애플리케이션은 개발 서버를 통해 로컬에서 실행됨. 개발 서버는 코드 변경 사항을 자동으로 반영하고, 빠르게 테스트할 수 있도록 도와줌. 다음은 일반적인 개발 서버 설정 방법임Node.js 기반 애플리케이션설치 및 실행# 프로젝트 디렉토리로 이동cd my-web-app# 의존성 설치npm install# 개발 서버 실행npm startnpm start 명령어는 package.json 파일에..