Language
-
iOS Swift 공유하기Language/Flutter,iOS,AOS 2024. 5. 20. 09:11
iOS 앱에서 공유하기 기능을 추가할 일이 생겼다, 다음을 위해 정리해두자.1. Reactclass Common { ... static share(text) { if (Util.Browser.isAndroidApp()) { try { AndroidBridge.share(text); } catch (e) {} return true; } else if (Util.Browser.isIosApp()) { const message = { action: 'share', text: text, }; window.webkit.messageHandlers.IosBridge1.postMessage(message); ..
-
nextjs에서 svg 컴포넌트로 사용하는 방법Language/Node.js, Next.js, React 2024. 4. 4. 09:34
컴포넌트 형태로 svg를 사용하려면? 설치$ yarn add url-loader$ yarn add @svgr/webpack custom.d.tsdeclare module '*.mdx';declare module '*.svg' { const ReactComponent: React.FC>; const content: string; export { ReactComponent }; export default content;} next.config.js/** @type {import('next').NextConfig} */const nextConfig = { reactStrictMode: false, eslint: { // Warning: This allows production builds to..
-
SNS 계정 관리 및 연결 끊기Language/기타 2024. 3. 6. 09:48
SNS로 로그인 후 앱에서 연결을 끊고 테스트 할 일이 생겼다. 가끔씩 확인할때 마다 까먹으니까.. 이참에 SNS 연결 끊는 방법을 정리해 놓자. 1. Kakao 1.1. 로그인 https://accounts.kakao.com/ https://accounts.kakao.com/ accounts.kakao.com 1.2. 연결 서비스 보기 및 끊기 2. Naver 2.1. 로그인 https://www.naver.com/ 네이버 네이버 메인에서 다양한 정보와 유용한 컨텐츠를 만나 보세요 www.naver.com 2.2. 연결 서비스 보기 및 끊기 3. Facebook 3.1. 로그인 https://www.facebook.com/ Facebook - 로그인 또는 가입 www.facebook.com 3.2. 연..
-
Java Enum 적용Language/Java 2024. 1. 15. 11:01
레거시 코드 리팩토링을 진행하면서 상수 부분만 간단히 정리해 놓는다. 상수 public class Constants { public enum Client { GOBANG("10", "고방"), ALGO("20", "알고"), WESTAY("30", "위스테이"); private final String value; private final String text; Client(String value, String text) { this.value = value; this.text = text; } public String getValue() { return value; } public String getText() { return text; } public static Client findByValue(St..
-
react-hook-form typescript로 변환 및 컴포넌트 생성 (antd)Language/Node.js, Next.js, React 2023. 12. 27. 17:42
이번 포스팅에서는 react-hook-form을 전체 사이트에 적용하기에 앞서 코드 라인을 줄여서 가독성을 높이고 타입스크립트로 컴포넌트를 제작해 두려고 한다. 현재 javascript 및 typescript가 혼재 되어 있지만.. 시간될때 마다 수정해 나가자! 언젠간.. typescript만 남으리라!! react-hook-form component 적용import { useForm } from 'react-hook-form';import { NInput, NInputNumber, NTextArea, NCheckbox, NSelect, NRadioGroup, NTinyMceEditor, NImageSelector } from 'components/FormControls';const TestPop = (..
-
react에 typescript 적용하기Language/Node.js, Next.js, React 2023. 12. 27. 15:33
회사에서 사용중인 오래된 버젼인 리액트 ^16.13.1에서 typescript만 적용해 보려고 한다. React@^16.13.1 버전과 잘 맞는 버전 React@^16.13.1과 잘 맞는 typescript 버전에 대해서 ChatGPT 질의 한 결과를 토대로 진행하려고 한다. 설치 모듈 및 버전 Modules react-hook-form 버전 typescript@^4.1.2 yarn add --dev typescript@^4.1.2 @types/node@^10.17.27 yarn add --dev @types/node@^10.17.27 @types/react@^16.9.0 yarn add --dev @types/react@^16.9.0 @types/react-dom@^16.9.0 yarn add --de..
-
react-hook-form 적용기 (antd)Language/Node.js, Next.js, React 2023. 12. 18. 13:18
구 버전의 node 14.17.4 + react 16.13.1 에서 react-hook-form을 적용해보자. react-hook-form은 Node 16.0.0 이상을 권장한다고 하는데 다음 분기때 버전 올릴 계획도 있고 백오피스에 적용하는거라서 큰 문제가 발생하지 않는다고 판단되어 적용하기로 하였다. 이런 저런 핑계로 지금 안하면 나중에도 못한다.! Node버전과 React버전 별 사용가능한 react-hook-form 버전 Node 버전 React 버전 react-hook-form 버전 12.17.0 이상 16.8.0 이상 7.3.0 이상 14.17.0 이상 16.13.0 이상 7.3.0 이상 16.0.0. 이상 17.0.0 이상 7.3.0 이상 17.0.0. 이상 18.0.0 이상 7.3.0 이상..
-
SyntaxError: missing ) after argument listLanguage/npm,yarn 2023. 11. 21. 10:55
어제 작업하다가 맥북 업데이트 하면서 흐름이 끊기면서 나머지 작업은 내일하자고 하고 업무를 종료하였다. 오늘 아침에 일어나서 디자인팀이랑 협의하려고 storybook을 실행하려고 했더니 아무것도 안된다. yarn storybook만 안되는줄 알고 퇴근전에 내가 뭘 건들였나 하면서 git local history 까지 뒤져가면서 한참 헤맷다.. 알고 보니 yarn --version도 안되고 yarn으로 실행하는 명령들은 모두 SyntaxError가 발생하고 있었다. yarn berry 로 설정된 프로젝트 바깥에서 실행하면 문제가 없다. 문제는 yarn berry 관련된거다! yarn berry를 모두 재설치 해볼까 하다가 나중에라도 똑같은 문제가 발생할거 같아서 문제 파악에 들어갔다. 구글링 해도 Synt..