본문 바로가기

전체 글56

[jQuery] 제이쿼리 웹앱(web/app)에서 서명/사인(sign) 만들고 조회하기 다른 수많은 게시글들이 있지만저는 그 중 jQuery Plugin을 이용해서 개발을 진행했어요. https://www.jqueryscript.net/other/Smooth-Signature-Pad-Plugin-with-jQuery-Html5-Canvas.html Smooth Signature Pad Plugin with jQuery and Html5 CanvasSignature Pad is a jQuery plugin that takes advantage of HTML5 canvas element and javascript to create a flexible and smooth Signature Pad on your web page & app.www.jqueryscript.net 이 사이트에 접속해서 .. 2024. 5. 20.
[정보처리기사 필기] 정처기 필기 24년 2회차 시험 단기 합격(3일 컷) 후기 / 공부법 안녕하세요 이번 포스팅은 정보처리기사 필기 짧은 기간을 준비하여 벼락치기를 한 후기입니다. 시작에 앞서.. 제 방법은 비전공자, 전공자 그리고 현직자 분들 중 현직자나 전공자 정도의 수준에서 가능할 것 같습니다..!또한 저는 정처기 필기 관련된 책을 구매하지는 않았습니다. 오피셜 점수는 아니지만 가채점 결과 평균 66점이고, 모든 과목 60점이상은 받은 것으로 기억합니다. (한 과목은 55점일 수도..?) 여기서부터 구분선 전까지는 자세한 후기이고,간단히 보실 분들은 구분선 아래로 이동해서 요약 글만 보시면 되겠습니다.  먼저 저는 24/05/12 에 정보처리기사 2회차 시험을 봤는데요9일 목요일부터 준비했습니다. 저는 현직 개발자로 1년 6개월 정도의 경력이 있는 초급개발자입니다.그래서 그런지 내용은 .. 2024. 5. 13.
[javascript] audioRecorder 만들기 / js 함수로 녹음저장 만들기 패키지를 사용하지 않고, 단순 코드로만 개발한다는 점을 먼저 말씀드리고 시작하겠습니다. // 녹음된 오디오를 저장할 변수 let audioChunks = []; let mediaRecorder; 먼저 오디오를 저장할 변수를 선언해줍니다. audioChunks 는 음성녹음을 담을 변수이고, mediaRecorder는 녹음 기능 자체를 선언할 변수입니다. audioRecorder.js // 오디오 녹음 시작 함수 function startRecording() { navigator.mediaDevices.getUserMedia({ audio: true }) .then(stream => { // mediaRecorder 초기화 mediaRecorder = new MediaRecorder(stream); medi.. 2024. 4. 2.
[jQuery] ajax 모듈화 시키기(트랜잭션 공통코드 만들기) ajax 코드를 화면마다 길게 작성을 하는 것보단 공통코드화(함수화) 시켜서 코드를 짧게 사용하고 싶어 만든 코드입니다. 먼저 ajax를 사용하여 백앤드 호출하는 코드입니다. $.ajax({ type : 'GET', url : "api/example", data : {}, dataType : "json", success : function(data) { // 성공시 로직 }, error : function() { // 에러시 로직 } }); 이런 식으로 화면마다 작성하게 됩니다. 이제 함수화를 시켜보겠습니다. 따로 transaction.js 파일을 만들어서 작성하겠습니다. transaction.js (사용언어에 따라 조금씩 수정해서 사용해 주시면 되겠습니다.) function transaction(svc.. 2024. 3. 5.