728x90 반응형 코딩80 [Flutter] Factory constructors Factory constructors 란? Dart는 하위 유형 또는 null을 반환할 수 있는 Factory constructors 를 지원하는데, 새로운 인스턴스를 생성하지 않는 생성자를 구현할 때 factory 키워드를 사용한다. 어떻게 생성할까? 예제 코드를 보며 확인해보자 class IntegerHolder { IntegerHolder( ); factory IntegerHolder.fromList(List list) { if (list.length == 1) { return IntegerSingle(list[0]); } else if (list.length == 2) { return IntegerDouble(list[0], list[1]); } else if (list.length == 3) {.. 2023. 11. 6. React Naver Map api 활용하기 요즘 개인 프로젝트로 인해 다양한 지도 api를 사용하고 있는데 그 중에서 Naver 지도에 대해 설명해보고자 한다. 1. 모든 API를 사용하는 것이 그렇듯 API key를 발급 받는다. 발급 방법에 대해서는 아래 링크를 통해 확인할 수 있다. https://console.ncloud.com/dashboard 2. 발급 받은 key를 Public 파일 안에 있는 index.html에 head 부분에 아래 코드를 발급 받은 client id와 함께 넣어준다. 3. 아래 코드를 참고하여 map을 만들어보면 된다. 해당 지도는 기본 기능의 Web Dynamic Map 의 형태이며, 기능에 대해 주석을 달아놓았습니다. import { Container as MapDiv, NaverMap, useNavermap.. 2023. 10. 31. react custom 달력 axios 연동 달력을 만들고 axsio에 연동하는 내용을 담고 있습니다. 2023.07.06 - [코딩/React] - [React] date-fns와 style-components로 커스텀하기 쉬운 달력 만들기(1편) [React] date-fns와 style-components로 커스텀하기 쉬운 달력 만들기(1편) 올해 새로운 프로젝트를 맡게 되면서 달력에 서버에 있는 데이터를 보여줘야하는 기능을 구현하게 되었다. 다양한 라이브러리가 있었지만 디자이너의 요구에 맞는 달력을 제작하기가 어려워 da quddkflty.tistory.com 2023.07.06 - [코딩/React] - [React] date-fns와 Style-Components로 커스텀하기 쉬운 달력 만들기(2편) [React] date-fns와 St.. 2023. 10. 30. React Google Map으로 지역간 거리 및 이동 시간 계산하기 1. 구글 맵 API key 받아오기 모든 api가 거의 그러하듯 인증키를 받아와야한다. 아래 링크에 접속하여 API key를 발급받으면 된다. https://console.cloud.google.com/google/maps-apis/start?utm_source=Docs_GS_Button&ref=https:%2F%2Fdevelopers.google.com%2Fmaps%2F&hl=ko Google 클라우드 플랫폼 로그인 Google 클라우드 플랫폼으로 이동 accounts.google.com 2. React에 입력창 제작하기 저는 간단한 기능 테스트용이라 2지역간의 좌표를 받아오는 입력창을 제작하였습니다. 더보기 import React, { useState } from "react"; import axi.. 2023. 10. 27. 이전 1 ··· 3 4 5 6 7 8 9 ··· 20 다음 반응형
