kasumil의 코딩 공작소

일단 딥링크와 유니버셜링크, 앱링크를 많이 들어봤을것이다. 해당 설명에 대한 자세한 내용은 하단 링크 참조 https://help.dfinery.io/hc/ko/articles/360039757433-%EB%94%A5%EB%A7%81%ED%81%AC-Deeplink-URI%EC%8A%A4%ED%82%B4-%EC%9C%A0%EB%8B%88%EB%B2%84%EC%85%9C-%EB%A7%81%ED%81%AC-%EC%95%B1%EB%A7%81%ED%81%AC-%EA%B5%AC%EB%B6%84%EA%B3%BC-%EC%9D%B4%ED%95%B4 해당 내용을 이해하고 진행하면된다. https://reactnavigation.org/docs/deep-linking/ React Navigation reactnavigat..

해당 내용으로 모든 기능을 구현했다. 지도가 좀 문제긴한데, 위치만 알면 되니 문제는 없으리라고 본다. 상용처럼 지도 위치가 바뀌었으면 좋겠지만, 아직 그정도까지는 아니라 아쉽다. 그냥 결과물 홍보.

진짜 엿같은 라이브러리다. 정적은 쉬우나 동적 할당하기가 너무 어려웠다. 쟁점. 1. initialState 설정하기. 2. validationSchema 설정하기. import React, { useEffect, useState } from "react"; import { Card, CardBody, Col, Container,Form, FormFeedback, FormGroup, Input, Label, Row } from "reactstrap"; import * as Yup from "yup"; import { useFormik } from 'formik'; // redux const components = props => { const dispatch = useDispatch(); const [ ..

userEditHandler(e, "level")} styles={{ control: (styles) => ({ ...styles, backgroundColor: "#eff2f7", opacity: 1, color: "#495057", cursor: 'not-allowed', pointerEvents:"all" }) }} isDisabled={true} /> 참조. https://mingmeng030.tistory.com/267 [React] react-select를 사용해보자 현재 만들고 있는 프로젝트는 가게 직원의 스케줄 및 출근부를 관리하는 웹 페이지이다. 각 가게마다 같은 이름의 직원이 등록될 수 있다고 간주하고 이름과 색상을 함께 조합하여 구분한다. ( mingmeng030.tistory.com..

FCM에는 토큰 생명주기 이런게 없다. 해당 내용 참조. https://firebase.google.com/docs/cloud-messaging/manage-tokens?hl=ko&authuser=0 FCM 등록 토큰 관리를 위한 권장사항 | Firebase 클라우드 메시징 5월 10일, Google I/O에서 Firebase가 돌아옵니다. 세션 확인하기 의견 보내기 FCM 등록 토큰 관리를 위한 권장사항 컬렉션을 사용해 정리하기 내 환경설정을 기준으로 콘텐츠를 저장하고 분류하세요. F firebase.google.com 그렇기에 프론트측에서도 필요하다면 해줘야하는 부분이 있다. FCM 호출구조. https://seungwoolog.tistory.com/88 [Firebase] FCM을 도입할 때 고려할..

까다로운 방법이라 문제였다. 무엇보다 레퍼런스 문서가 개판... ㅠㅠ RN 관련 문서는 믿지 못하겠다... 구버전이거나 없거나... 안드로이드측 문제인가 했었다. 개발 쟁점은 두가지이다. 1. 토큰 생성(초기화 관련 문제) 2. 메시지 수신. 1번을 위해 세팅은 2가지이다. 1번은 리액트 네이티브를 설치. 2번은 https://console.firebase.google.com/ 에 접속하여, 프로젝트 생성. 프로젝트 생성 후 필요없어도, 웹버전과 안드로이드 버전을 생성한다. 웹버전 생성시 RN내부에서 초기화 할 부분을 작성해준다. import messaging from '@react-native-firebase/messaging'; import firebase from '@react-native-fire..

별건 없고 그냥 table 안에 테이블 호출 같은 중첩구조 쓰지말고(꼬이기 딱 좋다.), 한줄에 하나의 테이블로 그려주는 게 최고 좋다. 아니면 그 안에서 tr, td로만... 간단하게 테이블 한번 호출하고, 여러 태그 사용하지 말기. span으로만 작성하길 권장한다. 이미지의 경우 구글 이미지 호스팅 서버가 막아서 SVG파일은 사용을 지양해야한다. 일반 HTML 양식이 아니라 XHTML이라 해당 부분 반드시 메일 수신체크로 확인해봐야 함. 발송시 멀쩡해도 실제로 HTML이 수신하는 경우 깨짐이 발생해서 계속 체크해봐야한다. 링크해준 사이트의 경우 중첩구조라서, 그냥 놔두고 썼는데 이거때문에 엄격한 메일 회사인 지메일의 수신시 깨져버렸다. 네이버는 멀쩡했다.... center 태그는 가운데 정렬태그라 해..

https://docs.metamask.io/wallet/how-to/use-sdk/javascript/react-native 작동 안되는 쓰레기 레퍼런스 무려 소스코드가 제일 최근 코드가 4년된 코드...... React Native | MetaMask docs You can import MetaMask SDK into your React Native dapp to enable your users to easily connect docs.metamask.io 살다살다가 공식 레퍼런스도 관리안하는 쓰레기 사이트는 처음본다. 그거 보고하는데, 심지어 관리하는 깃헙코드는 따로 있다... https://github.com/MetaMask/metamask-sdk GitHub - MetaMask/metamask-..

인터넷에 별그지 같은 자료가 많아서 찾아봤다. 웹팩을 건들라 이런거지같은.... 이 꼬락서니가 발생한 이유가 아마도 레퍼런스가 html에 최적화되어 있어 그런 것 같다. 리액트용이 따로 있다. 하단 페이지 링크 참조. https://tailwindcss.com/docs/guides/create-react-app Install Tailwind CSS with Create React App - Tailwind CSS Setting up Tailwind CSS in a Create React App project. tailwindcss.com 해당 내용을 따라해라.

https://webostv.developer.lge.com/develop/specifications/web-api-and-web-engine Web API and Web Engine Web API and Web Engine Supported web API HTML, CSS, and JavaScript are the core web technologies to build web pages or web apps. HTML presents the structure of the pages or the application using markup and CSS formats the contents written in HTML such as c webostv.developer.lge.com 스탠바이미가 지원하는 ..