728x90 반응형 분류 전체보기235 2023.11.24, weekly memoirs weekly memoirs 1. 제이쿼리에 푹 절여져 살고 있다 솔직히 제이쿼리 나쁘지 않은 것 같음 (전역 변수 빼고) 리액트처럼 리랜더링 어쩌구 관리할 필요도 없구 3000줄? 어쩌고 했던 게 엊그제 같은데 하하 지금 5000줄을 향해 달려가고 있다 진짜 넘 무던해진 내가 넘 웃기다 코드를 검색해서 찾는 게 점점 빨라지는 나... 2. 무한스크롤을 구현하려고 보니 observer 가 제이쿼리는 지원하지 않았다 구현하려면 자바스크립트로 돔 찍어서 구현해야했다 일 시간도 부족한데 코드와 싸울 순 없어서 (ㅜㅜ) 그냥 옛날 방식으로 무한 스크롤 구현함 scroll 이벤트 걸구 window 높이 구하구 스크롤 길이 구하구 .... 동작하는 거 observer에 비해 넘 구리긴했다 넘 버벅거림... 그래도 뭔.. 2023. 11. 24. 2023.10.30, weekly memoirs weekly memoirs 1. 너무 오랜만의... 주간 일기... 매주 아~ 써야지~~ 이러고 안 쓰다가 벌써 한달이 지나갔다 2. 요즘 제이쿼리 공부하면서 지낸다 처음에 너무 부담스러워서 이것 저것 찾아봤었는데 역시 글로 읽는 것보단 직접 구현해보는게 짱이라더니 또 하다보니까 익숙해졌다 물론 아직 문법은 더듬더듬하면서 쓰지만 제이쿼리가 워낙 잘 되어 있고 또 무적 chat GPT가 있기 때문에 크게 어렵다는 생각은 안 드는 거 같다 (완전 다행) 3. 제이쿼리를 쓰면서 점차 천줄에 익숙해졌다 리액트는 300줄만 넘어도 컴포넌트 분리병 도져서 나눠놨었는데 1000줄? 후후.... 지금 3000줄을 써놔도 무감각의 경지다 4. 리액트... 고작 몇 달 안 썼다고 까먹을 거 같다 (물론 또 하면 기억 나긴.. 2023. 10. 30. 제이쿼리 1 append, template append() 코드 넣기 append() 이것은 기존 내용입니다. template $("#test").tmpl().appendTo("#mainBoard"); tmpl() : 제이쿼리 템플릿 엔진 "#mainBoard" 에 "#test" 추가함 사실 html 문법임 "" HTML 문서에 자바스크립트를 활용하여 동적으로 복제하고 추가할 수 있는 관련 콘텐츠를 탬플릿으로 보관하는 영역을 나타냅니다. 순수 자바스크립트 template 태그 렌더링 시에는 화면에 표시되지 않지만 자바스크립트로 동적 조작이 가능합니다. 아이템 추가하기 const itemList = document.getElementById('template-item-list'); const listItemTemplate = document.get.. 2023. 10. 6. 리액트 쿼리 2 useMutation 데이터를 저장하는 개념이 아님 useQuery처럼 재시도 안 함 const deleteMutation = useMutation((postId)=> deletePost(postId)); ... return ( delete {deleteMutation.isError && Error delete post } {deleteMutation.isSuccess && is not deleted } ) 캐시하지 않으니 굳이 쿼리 키 필요 없음 component mounts => fetch first page => getNextPageParam (hasNextPage?) ==== useInfiniteQuery ==== import {useInfiniteQuery} from "react-query"; .. 2023. 10. 4. 2023.09.30, weekly memoirs weekly memoirs 1. 해피 추석!! 해피 연휴!!! 정말 엄청 먹었다... 밥 먹고 쇼파에 앉아 있으면 할머니가 과일 내와주시구... 과일 다 먹었으면 송편 주시구... 송편 다 먹으면 베지밀 주시구... 배 두드리면서 쇼파에 앉아있으면 옆에 앉으셔서 손목 딱 잡구 뼈랑 가죽 밖에 안 남았다구 3끼 잘 챙겨 먹구 있냐구 잔소리 하신다 (최근 5키로 찜) 드넓은 울 할머니 사랑,,,,,,,ㅠㅠ 진짜 올 말까지 먹을 고기와 과일은 다 먹은 거 같다 2. 지금 딱 공부하기 좋을 때 같아서 리액트 쿼리 강의를 듣고 있다 그냥 라이브러리인데 강의가 필요하겠어?ㅋ 했다가 절대적으로 강의 필요성 깨닫고 열심히 보는 중... 강의는 서치하다가 유데미에서 나온 강의평이 좋길래 고걸 보고 있는데 확실히 예시와 .. 2023. 9. 30. 리액트 쿼리 2 useMutation 데이터를 저장하는 개념이 아님 useQuery처럼 재시도 안 함 const deleteMutation = useMutation((postId)=> deletePost(postId)); ... return ( delete {deleteMutation.isError && Error delete post } {deleteMutation.isSuccess && is not deleted } ) 캐시하지 않으니 굳이 쿼리 키 필요 없음 --- 이어서 ---- 2023. 9. 30. 리액트 쿼리 1 1. 리액트 쿼리 install 2. 쿼리 프로바이더 가져와서 전역에 감싸기 useQuery 의존성 배열 챙기기 const {data, isError, error, isLoading} = useQuery(["post", currentPage], fetchData, { staleTime:20000, keepPreviousData : true }) post : 쿼리 키 currentPage : 페이지네이션시 쓰이는 변수이자 의존성 배열 예제에서는 const [currentPage, setCurrentPage] = useState(1); => currentPage 가 달라지면 fetchData 호출 fetchData : staleTime이 지나면 계속 찌르는 api keepPreviousData : 이전 페이.. 2023. 9. 25. 2023.09.19, weekly memoirs weekly memoirs 출처 : https://github.com/Lee-WonJun/JDD-Description 1. 주말에 하라는 공부는 안 하고 git 서핑만 했다 JDD 오랜만에 살펴보다가 너무 어이없고 웃겨서 포크 떴다 ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ 반면 교사 삼아 개발에 임하면 되지 않을까 싶다 근데 진짜 한 줄 한 줄 넘 웃김 ㅠㅠ + 자매품으로 이 책도 있는데 (물론 저자는 다름) https://www.yes24.com/Product/Goods/17926925 저자의 경험담 아닌 경험담이 담겨 있어 읽다보면 진짜 어이없고 웃긴데 슬프기도 하면서 웃기다 ㅠㅠ 2. 출처: JavaScript 번들러로 본 조선시대 붕당의 이해 - 재그지그의 개발 블로그 (wormwlrm.github.io) Java.. 2023. 9. 19. 2023.09.12, weekly memoirs weekly memoirs 1. 프론트 엔드 개발자들이 극혐하는 제이쿼리 요즘 제이쿼리를 보고 있다 (공부 x, 그냥 보고 있음) 자바스크립트 쓰기 편하게 만든 문법인 만큼 확실히 간단하다는 인상을 받았는데 아직 많이 보진,, 못했지만 toogle() 메서드가 넘 인상적이라고 느꼈다 react 에서는 토글 하나 관리하려면 useState 하나 만들어서 true/false 관리해주었어야했는데 (이것도 많아지면 전역으로 빼거나, 시나리오 바뀌면 또 바뀌거나 등등...ㅠ) 제이쿼리는 간단하다 그냥 id나 class 넣어주고 toogle() 걸어주면 display:none; display:block; 알아서 처리해 줌....... ($바꿀 거).css("display","flex") 이런 식으로 이벤트 안에 처.. 2023. 9. 12. 이전 1 ··· 6 7 8 9 10 11 12 ··· 27 다음 728x90 반응형
