본문 바로가기

전체보기65

OnMount의 fetch 바로 받아오게 하기 진짜 개같은 일이 벌어졌다. 겨우겨우 찾은 해결책 내 습관적인 큰따옴표 적지 않음이 문제가 아니었던 거 같다. 이 글을 작성하기 위해 큰따옴표를 지우고 돌려봤는데 잘 작동한다. 나는 무엇 때문에 4시간을 허비한 걸까? 더 큰 문제는 그게 원인이 아니었다면 나는 다음에 또 이 현상 때문에 4시간을 허비하게 되지 않을까 싶다는 점이다.. 이 개 * 같은 문제 때문에 이번에도 네 시간을 허비했다. 우선 내 문제(?)였던 부분을 말하자면 let data = ref(); let data = ref(""); 아래처럼 적어야 할 것을 위처럼 적어 4시간 정도를 찾아다녔었다. 이 문제로 말하자면 나와 역사가 깊다. 처음 만난 것은 우리의 파이널프로젝트 때였다. 그 당시 나는 해결할 수 없어서 onUpdated에서 1초.. 2023. 8. 3.
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.
해야할 것들 1. 화면 시작하자 마자 핀 꽂혀 있게 만들기 2. 로그인 시간나면 3. 지도에 사진 박기 업그레이드할 부분, 1. 공략집 1. 공략집에 내가 찍은 사진을 선택해서 게시글을 올리면 간단한 위치 지도와 사진 보여주며 설명하기 2. 검색 2. 로그인 3. 지도의 핀 클릭하면 해당 로드뷰로 이동하게? 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.
db 스프링에 연결 처음부터 만들려니 메이븐 프로젝트부터 꽤 막혔다. 어찌저찌 옛 노트정리를 보고 lombok, Spring Web, Spring Boot DevTools, JDBC API, Spring Data JPA, Spring Data JDBC, MariaDB Driver 를 추가하고 만들 수 있었다. 사실 추가의 이유를 Lombok만 제대로(?) 알고 DevTools는 왜 하는 지 모르고, 나머지들은 어렴풋한 짐작으로 알고있는 상황이라 나중에 왜 추가하는 건지 확인해 봐야 할 거 같다. 나중에 분명 안 하니 이거 작성하고 GPT에게 물어봐야겠다. 여튼 이걸 작성하고 controller, service, repository, entity는 비교적 수월하게 작성할 수 있었는데. (수월하게 작성했다고 생각했는데 이 글을.. 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.

티스토리툴바