728x90 반응형 분류 전체보기238 dart 2 map // set js 객체랑 크게 다를 거 없어보임 값 업데이트 할 때도 키를 가져다가 씀 obj2['c'] = "car" 선언과 동시에 값 넣을 때 ///////////dart1 void main() { Map dictionary = new Map.from({ 'a' : 'appple', 'b' : 'banana' }); print(dictionary); } //////dart2 void main() { Map dictionary = { 'a': 'apple', 'b': 'banana', }; print(dictionary); } + new Map () 권장 x 'cherry'); print(dictionary); // {'a': 'apple', 'b': 'banana', 'c': 'cherry'}.. 2023. 11. 27. dart 1 String // int // bool // var // dynamic 둘 다 재할당 가능 둘 다 재선언 불가능 처음에 지정할 때 var 는 타입 고정 dynamic 은 any 같이 모든 가능 처음에 타입을 지정하기 때문에 let name; let name = "1234" name = 1234 타입 변형 가능 => 정말 잘 안 씀 List 콘솔 찍으면 [] 나옴 이렇게 보면 둘 다 차이가 없는데 new List()는 좀 더 기능이 있다고 함 => 근데 다트 업데이트 되면서 막아놓은 거 같음 저렇게 쓰지 말라고 함(gpt도 그럼) gpt가 알려준 수정안 void main() { List redVelvetList = []; print(redVelvetList); List redVelvetList2 = Li.. 2023. 11. 27. 리액트 쿼리3 const treatments = useTreatments(); .... return( treatments.map((el)=>( {el} )) ) useTreatments(); => get을 아예 hook으로 뺌 import { useQuery } from 'react-query'; import type { Treatment } from '../../../../../shared/types'; import { queryKeys } from '../../../react-query/constants'; async function getTreatments(): Promise { const { data } = await axiosInstance.get('/treatments'); return data; } exp.. 2023. 11. 26. 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 ··· 6 7 8 9 10 11 12 ··· 27 다음 728x90 반응형