란 개발일지

웹 개발 중 자바에서 화면으로 보낸 값을 자바스크립트에서 사용해야할 때가 있다. ** 모델, 뷰를 반환하는 방법은 다양한데 매번 까먹는다😩 > 2021.11.14 - [JAVA/SPRING] - [SPRING] Model, ModelMap, ModelAndView 차이점 [SPRING] Model, ModelMap, ModelAndView 차이점 Model @GetMapping("/") public String home(Model model) { model.addAttribute("name", data); return "index"; } Model은 인터페이스다. Controller에서 key: value 형태로 Model에 값을 저장하고 View에 이 데이터를 화면에 출력한다. Mo juran-devb..

갭알/JS & JQUERY 2022. 11. 22. 20:56

셀렉트 박스에 옵션 추가 // 주로 $.each 돌며 option 추가 $('#selectBoxId').append($('', { value: optionNo, text: optionName })); 순서(index)를 지정하여 selected 속성 추가 $("#selectBoxId option:eq({1})").attr("selected", "selected"); // 첫번째 옵션에 셀렉티드 속성 추가 text로 selected 속성 추가 $("#selectBoxId").val("{optionName}").attr("selected", "selected"); $("#selectBoxId").text("{optionName}").attr("selected", "selected"); value값으로 sel..

갭알/JS & JQUERY 2021. 11. 21. 22:46

기존 코드$("#btn").click(function(){ // 클릭 시 수행될 작업})동적으로 추가된 태그의 경우 기존에 이미 렌더링된 클릭 이벤트는 적용이 안된다. 그 이유는 아직 아이디가 btn 인 버튼이 생성되지 않아 인식하지 못하기 때문$("#btn").on({ click: function() { // 클릭 시 수행할 작업 }});내가 자주 쓰는 코드는 이거(이건 되는지 몰겠삼)* on() 이벤트를 실행할 때 실행하는 순간 바로 그 자리에서 찾아 연결해주는 메서드  수정된 코드$(document).on("click", "#btn", function(){ // 클릭 시 수행할 작업});위와 같이 수정하여 해결 할 수 있다.(클릭 뿐 아니라 다른 이벤트도 마찬가지..

갭알/JS & JQUERY 2021. 11. 8. 17:08

이번에는 주문이 완료되었거나 음식 준비가 완료되어 픽업 메시지를 보내야할때를 구현하였다.처음에는 알림톡 발송을 하려 하였으나 우리 카카오채널을 비니지스 채널로 변경할 수 없다는 점이 있어 문자 메시지로 발송하기로 하였다.생각해보면 카톡이 없는 사람들을 위해 문자 메시지가 더 좋은듯 하다 ㅎㅎ  네이버 클라우드 플랫폼문자 메시지 발송도 유료여서 이곳저곳 찾아보다가 네이버 클라우드 플랫폼에서 제공하는 기능을 사용하기로 하였다. [NAVER CLOUD PLATFORM - SENS]  https://www.ncloud.com/product/applicationService/sens NAVER CLOUD PLATFORMcloud computing services for corporations, IaaS, PaaS..

학부/캡스톤(a.k.a 졸작) 2021. 11. 8. 14:17

밀린 캡스톤 일지.. 이제서야 쓰다..이것만 해결하고 써야지 하다가 해결 못해서 며칠 고생하고 드디어 쓴다하지만 아직도 해야할게 산더미라는거 ~..~이제 다시 이프 출근해야되서 짱 바쁠예정  장바구니 기능 구현하기선택한 메뉴 정보를 임시로 담고있는 장바구니 정보(메뉴 추가, 수정, 삭제 가능해야함)를 어떻게 유지해야하나 고민했다.DB에 저장할 데이터도 아니고.. 그냥 인메모리로 들고있자니 페이지 이동되었다가 리로드됐을 때(결제 전 메뉴 수정 등) 정보 유지도 안되고..그렇게 고민하던 중 생각난 방법이 바로 쿠키값으로 저장하는거!! 자바스크립트에서 쿠키를 이용하는 방법으로는1. cookie.js (https://github.com/js-cookie/js-cookie) GitHub - js-cookie/js..

학부/캡스톤(a.k.a 졸작) 2021. 11. 8. 01:07

나 사실 똑쟁이일지도?미디어파이프 오류나던거 드디어 해결했다.사실 우리 팀 제스처 인식 기능은 미디어파이프가 다라.. 이거 안되면 암것도 못해서 우린 망해따🤯 하고 있었는데며칠동안 고민한거 치고는 넘나 간단히 해결해버림 미디어파이프 오류 해결동적 제스처 모델 학습에 실패하고.. 시간이 지나 오랜만에 미디어파이프를 실행해보는데 갑자기 안된다...... 이런 오류들이 나면서 미디어파이프가 불러와지지 않는다..!처음에는 오타가 났나 했는데 좀 읽어보니 미디어파이프를 cdn 태그로 불러오는데 뭔가 문제가 있는 듯 하다. 구글링하여 찾아보니 [GIT] https://github.com/google/mediapipe/issues/1987 Human pose detection and tracking (javascr..

학부/캡스톤(a.k.a 졸작) 2021. 10. 27. 02:43

이전 포스팅 -> 2021.10.10 - [capstone] - 캡스톤 일지 ~10.05 캡스톤 일지 ~10.05전날에는 tensorflow.js를 한번 훑어보고 다음 날 노드 공부를 시작하였다. 이전에 노드 공부하며 들었던 인프런 강의 중 괜찮았던 강의가 몇 개 생각나 다시 들을 예정 나 이렇게나 인프런 잘 이용juran-devblog.tistory.com이전에 듣던 TDD 노드 강의 드디어 완강! TDD로 하는 API 개발1) READ📄 index.js// limit만큼 사용자 조회app.get('/users', (req, res) => { req.query.limit = req.query.limit || 10; const limit = parseInt(req.query.limit, 10..

학부/캡스톤(a.k.a 졸작) 2021. 10. 23. 11:08

어쩌다보니 12시가 넘어서 16일까지의 캡스톤 일지가 되어버림 회사에서 퍼블리셔분들이 퍼블 나올때마다 표로 정리해주신게 생각나서 해본 테스트 페이지 꾸미기 및 폴더 정리..블로그 포스팅 제쳐두고 한시간 남짓 했는디 시험기간에는 공부빼고 다 재밌는듯어제까지 고민하던 것들이 오늘 잘 풀려서 기분이 조타통시 공부는 내일부터 할꺼다.. 증말루..  해결방법3. 파이썬 마우스 조작 기능 개발저번 포스팅에 썼던 해결방법 3은 스크립트로 불가한 마우스 조작 기능을 파이썬으로 구현하여 노드에 연결하는 것이다.새로 가상환경 만들어서 미디어파이프를 다시 설치해볼까 하였지만.. 역시나 잘 안돼서 깔끔히 포기했다. 노드에서 미디어파이프 적용하여 검지 손가락의 포인트 알아냄-> 파이썬 함수로 좌표값을 전달 (혹은 파이썬 파일에..

학부/캡스톤(a.k.a 졸작) 2021. 10. 16. 03:18

회의록 작성과 일정 관리, 공유 자료 정리 등등 팀 노션 관리는 나의 역할! 첨에 그냥 남들 다 쓰는 노션 나도 뽐새나게 써보고싶어서 시작한거였는데 재밌어서 내가 맡아서 하구있당 암튼! 수요일 대면 회의 전까지 각자 정적 제스처(👍🏻/👎🏻) 인식 기능과 시간이 되면 클릭하는 모션의 동적 제스처 인식 기능 개발을 해오기로 했다. 손 제스처 인식 대상 [정적 제스처] - 확인 : 엄지를 제외한 손가락을 모두 접고 엄지만 위로 올린 모양 👍🏻 - 취소 : 엄지를 제외한 손가락을 모두 접고 엄지만 아래로 내린 모양 👎🏻 * 원래 검지와 엄지를 맡대는 OK 싸인을 확인으로 하려 했으나 취소 제스처와 통일감을 위해 따봉으로 변경 [동적 제스처] - 화면(탭) 왼쪽으로 이동 : 손목은 고정한 채 손가락을 모두 편 상..

학부/캡스톤(a.k.a 졸작) 2021. 10. 14. 23:50

전날에는 tensorflow.js를 한번 훑어보고 다음 날 노드 공부를 시작하였다.이전에 노드 공부하며 들었던 인프런 강의 중 괜찮았던 강의가 몇 개 생각나 다시 들을 예정나 이렇게나 인프런 잘 이용하는데 인프런에서 상이라도 줘야되는거 아닌가 ~..그나저나 공부해야할게 참으로 많 군 요 허허   [Inflearn]  테스트주도개발(TDD)로 만드는 NodeJS API 서버 - 김정환 테스트주도개발(TDD)로 만드는 NodeJS API 서버 - 인프런 | 강의javascript 언어로 백엔드 개발을 할 수 있는 NodeJS 를 학습해 봅니다. 테스트 주도 개발 (TDD) 방법으로 NodeJS를 이용해 API 서버 개발을 배워보고 학습할 수 있는 강좌입니다. NodeJS의 대표적인 웹프레www.inflear..

학부/캡스톤(a.k.a 졸작) 2021. 10. 10. 02:04

지난 2주간은 요구사항분석서를 쓰느라 정말 정신이 없었다😱 내가 맡은 부분은 UML 클래스 다이어그램과 데이터베이스 설계쪽이였는데.. 정처기 공부하면서 배운 내용들은 다 어디로갔는지.. 심져 이번 발표는 내 차례라 대본쓰고 발표준비하느라 진이 다빠져버려따.. 다행히 요구사항 분석서에는 크게 문제가 없었고! 교수님께서 추가하라는 내용만 조금 보완해서 수정하면 될 듯! 개발환경을 스프링에서 노드로 변경하였기에 우리는 텐서플로우 파이썬이 아닌 자바스크립트로 개발할 예정 파이썬으로 머신러닝 후 모델을 저장해서 쓸까도 고민했지만.. 그래도 js로 하는 방법도 알아야할 것 같아 찾아보던 중 찾은 생활코딩 [생활코딩] Tensorflow(Javascript) https://opentutorials.org/course..

학부/캡스톤(a.k.a 졸작) 2021. 10. 5. 00:01

막학기 캡스톤(일명 졸작)을 하며 있었던 일들과 배운 내용들을 기록해보려 한다. 나중에 프로젝트 진행사항 문서 작성할 때 도움이 되지 않을까.. 하고.. 제안서 초안 발표는 추석 전 끝났고 이번주까지 제안서 수정본을 제출해야하며 내일은 요구사항 분석서에 대한 수업을 들을 예정 미디어파이프(mediapipe) https://mediapipe.dev/ MediaPipe End-to-end acceleration Built-in fast ML inference and processing accelerated even on common hardware Build once, deploy anywhere Unified solution works across Android, iOS, desktop/cloud, web..

학부/캡스톤(a.k.a 졸작) 2021. 9. 24. 02:14