728x90 반응형 분류 전체보기235 커링 const data = [ { type: "fruit", color: "red" }, { type: "vegetable", color: "green" }, { type: "fruit", color: "yellow" }, { type: "vegetable", color: "red" } ]; const filterByType = type => item => type === "" || item.type === type; const filterByColor = color => item => color === "" || item.color === color; const filterBySize = size => item => size === "" || item.size === size; const tripleFil.. 2023. 12. 26. 2023.12.10, weekly memoirs weekly memoirs 1. 요즘 다트 공부중 재미삼아 플러터 도전해보려고 퇴근 후 조금씩 보고 있는데 쫌 재미지다 자바스크립트만 알다보니 자바스크립트 기준으로 아 자바스크립트는 이런데 다트는 이렇게 생겼구나 잉 그럼 자바스크립트 이건 머였지? 아 이거였지 까먹으니까 써놔야겠다 순으로 공부중...... ㅎㅎㅎㅎㅎㅎㅎㅎㅎ 하면서 느끼는 건 진짜 타입스크립트 안 배운 채로 다트 했으면 엄청 헤맸을 거 같다는 느낌을 많이 받았다 솔직히 타입스크립트보다 더 빡셈... 예를 들자면 타입스크립트는 함수 return 하는 건 굳이 타입 적지 않아도 됐었는데 다트는 진짜 다 적어줘야한다 중간에 뭐가 문제지 싶으면 진짜 다 타입 때문임 타입 진짜 세상 빡세다는 걸 느끼고 있다 2. 플러터를 도전하게 된 건 사실 이유.. 2023. 12. 10. dart4 - class2 getter setter void main() { // getter setter Idol rm = new Idol( name : "rm", group : 'bts' ); print(rm.name); print(rm._name); rm.name = "은지"; print(rm.name); } class Idol { // private variable (_name, _ 로 표기함) // 자바 같은 전통 oop들은 클래스 안에서만 // private 변수들을 가져올 수 있음 // 다트는 같은 파일에 작성이 되어야 // private을 가져올 수 있음$ String _name; String _group; Idol({ String name = "eunji", String group = "family" }) : th.. 2023. 12. 10. dart4 - class1 내가 아는 클래스 기본 문법 Idol Class 를 만들고 안에 name 변수를 만들었다고 했을 때 같은 괄호 내에서 변수를 사용하려면 this 를 사용해서 값을 불러옴 class를 사용할 땐 인스턴스화 해서 사용함 그리고 밑엔 응용편 void main() { Idol redVelvet = new Idol( '슬기', '레드벨벳' ); redVelvet.sayName(); } class Idol { // 변수 선언 String name; String group; // 인스턴스 생성시 인자를 받음 constructor Idol( String name, String group, ) : this.name = name, this.group = group; void sayName(){ print('제 이름은 ${.. 2023. 12. 10. const test ()=>()=>{} 이거 하도 보이길래 chatGPT한테 물어봄 const createCounter = () => { let count = 0; // 클로저를 반환 return () => { count++; console.log(`현재 카운트: ${count}`); }; }; // createCounter 함수를 호출하여 클로저 생성 const counter = createCounter(); // 클로저를 이용하여 카운터 조작 counter(); // 출력: 현재 카운트: 1 counter(); // 출력: 현재 카운트: 2 counter(); // 출력: 현재 카운트: 3 이렇게 한다면 뭔가 state 아낄 수 있을 거 같음 ==== 이어서 퇴근 후 ==== 2023. 12. 7. dart 3 <= enum, 타입 관련 이야기라 재밌음 enum 왜 씀? => 특정 값의 가능한 모든 값을 정의할 수 있음 (안전성, 코드 읽기가 쉬워짐) => enum 안에 있는 값만 사용 가능 => 고유한 타입을 갖기 때문에 (int, string 등등 아님 고유한 타입을 가짐, 타입 안정성) 함수 쓸 때 이렇게 씀 void main() { addNum(1, 2); } int? addNum(int a, int b){ print(a + b); return null; } return 안 써봤더니 경고창 뜸 js처럼 return; undefined 그냥 값이 없는 거 let x; console.log(x) 이런 경우임 값이 없으니 그냥 타입 자체가 undefined 임 명시적으로 값이 없을 때 null 을 씀. 그래서 타입 찍어보면 object 나옴 let y.. 2023. 11. 29. 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. 이전 1 ··· 5 6 7 8 9 10 11 ··· 27 다음 728x90 반응형
