프로젝트관련/콜렉트 미스터 텅11 child component의 method를 parent component에서 사용하려고 할 때 (영어 쥐ㅈ 만큼도 못하는데 적는 이유는 나중에 내가 잊어 버렸을 때 구글 검색을 위한 키워드를 위해 적는다.) 참조글 https://dev.to/caio2k/expose-child-component-methods-to-parent-components-with-vue-3-script-setup-defineexpose-4ghl Expose Child Component Methods to Parent Components with Vue 3 defineExpose Vue 3's Composition API introduces a new method for exposing components' public methods and... dev.to 처음에 defineExpose로 여러개 할 경우, 차일드에서 이렇게.. 2023. 6. 19. ref와 defineEmits 내가 고민한 부분은 자식 컴포넌트에서 정의한 매소드를 부모 컴포넌트에서 호출해야 하는 상황이다. 그 반대의 경우는 defineProps를 쓰면 되는 거 같고, 내가 하려는 부분은 학원 배우기론 defineEmits인데, defineEmits으로 데이터를 넘기는 건 성공(?) 했는데 자식 컴포넌트에서 정의한 매소드를 실행하는 것에는 난항을 겪고 있다. 그러던 도중 https://engineer-mole.tistory.com/372 [Vue.js] 부모 컴포넌트에서 자식 컴포넌트의 메소드 실행시키기 ※ 일본의 한 블로그 글을 번역한 포스트입니다. 오역 및 의역, 직역이 있을 수 있으며 틀린 내용은 지적해주시면 감사하겠습니다. 자식 컴포넌트에서 부모 컴포넌트 메소드등을 실행시킬 때 $em engineer-mo.. 2023. 6. 19. @RequstPart fetch 성공 사실 지금 왜 되는지는 모른다. 독서실 도착해서 2시간 정도 하다가 안 돼 낮잠자고 30분 정도만에 해결됐다. 일단 일정이 밀려있기에 나중에 비교분석(?)하기위해 적어둔다. 되는 코드 function imgUpload() { const fileInput = document.getElementById("imageData2"); var myHeaders = new Headers(); var formdata = new FormData(); formdata.append("image", fileInput.files[0]) formdata.append("collect", new Blob([JSON.stringify({ "memberId": userId, "information": content.value, "lat.. 2023. 6. 19. 성과 없음. feat. RequestPart, boundary 이미지와 Json을 같이 보내려면 @RequestPart를 써야 한다는 사실을 어제 확인하고 스카에서 집으로 갔다. 오늘 스카에 와서 일단 계속 사투중이던 '지도에 핀 꽂는 것'은 일단은 야매(?)로 넘어가서 30분 정도 컷을 했다고 생각한다. 그 다음 문제가 어젯밤에 확인한 @RequestPart를 사용하는 부분이었는데 그 부분도 https://velog.io/@songs4805/Spring-Controller%EC%97%90%EC%84%9C-MultipartFile-Dto%EB%A5%BC-%ED%95%A8%EA%BB%98-%EC%9A%94%EC%B2%AD%ED%95%98%EA%B8%B0 이분을 비롯한 많은 분들의 도움으로 postman으로 보내는 것은 진짜 30분 정도 걸린 거 같다. 근데 문제는 이.. 2023. 6. 18. 페이지네이션? 페이지 목록(?)을 5페이지씩, 혹은 라스트페이지로가기 이런걸 만드는 데 하루를 다 썼다. 뭔가 만들다 보니까 시중의 페이지와의 차이점이 보여 계속 무언갈 추가하게 되는데 그런 행위들 때문에 진도가 안 나간다. (물론 내 실력이 미천한 게 문제지만) 이상한 거에 발목잡혀 4시간 허비하니 더 현타가 온다. 에휴 2023. 6. 15. JPA - Pageable 우선 여러 블로그들을 봤는데 내 능력이 미천해 1/3만 이해가 가고, 나머지 중요한 내용은 이해가 가지 않았다.. 컨트롤러 @GetMapping("listallPage") public List listAllPage( @PageableDefault(size=5, sort="id", direction=Sort.Direction.DESC)Pageable pageable){ return service.getByListPage(pageable); } 서비스 @Override public List getByListPage(Pageable pageable) { return repository.findAll(pageable).getContent(); }; 레파지토리 Page findAll(Pageable pageabl.. 2023. 6. 13. JPA - findAllByOrderByIdDesc findAll을 하면서 Orderby를 할 필요가 있었다. https://docs.spring.io/spring-data/jpa/docs/2.3.3.RELEASE/reference/html/#jpa.repositories And findByLastnameAndFirstname … where x.lastname = ?1 and x.firstname = ?2 Or findByLastnameOrFirstname … where x.lastname = ?1 or x.firstname = ?2 Is, Equals findByFirstname,findByFirstnameIs,findByFirstnameEquals … where x.firstname = ?1 Between findByStartDateBetween … .. 2023. 6. 13. 숙원사업 하나 해결 학원에서 프로젝트를 할 때 fetch로 받은 자료가 html에 출력이 안 됐다. 온갖 똥꼬쇼를 해도 뜨지 않아서 어쩔수 없이 setTimeout을 이용해 화면을 update하는 방식으로.... 문제를 덮어두고 지나갔다. 오늘 이 문제를 해결하기위해 붙들고 있었더니 아마 한 시간만에 해결됐다. ㅡㅡ 그냥 ref를 해서 박으면 되는 문제였다. ref는 반응형 변수라나 뭐라나 물론 이번에는 배열이어서 reactive로 받았어서 문제가 있었던 거였지만 학원에서 프로젝트를 할 때는 분명 모든걸 다 ref로 햇었는데... 그리고 학원에 고수 친구들이 이 쉬운 것을 안 알려줬었다니 ㅠㅠ... reactive로 해도 되더라 ㅡㅡ 그냥 내가 뭔가를 잘 못 적어서 안 됐었던 거 같다. 너무 짜증난다. 2023. 6. 12. 페이지네이션 tailwind를 이용해 css를 만들고 있다. 나는 tailwind가 css만 있는 줄 알고 https://tailwindcss.com/ Tailwind CSS - Rapidly build modern websites without ever leaving your HTML. Tailwind CSS is a utility-first CSS framework for rapidly building modern websites without ever leaving your HTML. tailwindcss.com 사용하면서 '이렇게 작성하면 (물론 일이 조금 줄어들긴 하지만) CSS적는 거랑 별 차이 없지 않나?' 라는 생각을 하면서 사용하고 있었는데 알고보니 https://tailwindui.com/ Tail.. 2023. 6. 12. db설치(?) db를 리눅스(?)에 설치하는 이유를 나는 'window 등에 GUI 환경에서 설치할 경우 그래픽 때문에 낭비되는 컴퓨터 자원을 리눅스나 우분투의 CLI환경에서는 낭비하지 않으니까' 라고만 생각했는데 GPT에 물어보니 자원관리 뿐만 아니라 '원격관리, 보안, 로그 및 오류 분석' 등을 이야기 했다. 하지만!! 원래 모르는 건 하나씩 적용해 보라고 db 설치도 모르는데 우분투에 db설치는 너무 어려울 거 같아, 이 작업은 다음으로 미루도록 하고, 이번에는 윈도 환경에서 깔아볼 생각이다. 참고한 블로그는 아래와 같다. 1. MariaDB 설치 https://kitty-geno.tistory.com/55 MariaDB | 윈도우 MariaDB 설치 및 접속하기 ▶ MariaDB란? 오픈 소스의 관계형 데이터베.. 2023. 6. 12. 카카오맵 띄우기 전반적(?)인 코드는 https://goodteacher.tistory.com/432 [vue]카카오맵 사용하기 이번 포스트에서는 vue-cli 기반으로 카카오맵을 사용하는 방법에 대해서 알아보자.! 카카오맵에는 특별히 Vue에서 사용하는 방법 이런게 있지는 않다.Vue는 그냥 여러 framework 중 하나일 뿐이니까. goodteacher.tistory.com 이 분이 올리신 것을 갖다 박았지만 나만의 차이(?)가 0.01%정도 있기에 공유하려 올려본다. 카카오맵 출력 테스트 하나 걱정은, 뜨기는 뜨는데 오류도 같이 떠서.. ----------------------------- 위 코드는 오류를 수정한 코드 오류의 원인은 카카오맵 출력 테스트 this.를 사용해서였다. ps. 나만의 차이: tailw.. 2023. 6. 11. 이전 1 다음
