Record

... const [items, setItems] = useState(["A", "B", "C"]); ... if(items.includes("A") { console.log("중복"); }

// pod install after remove rm -rf ios/Pods pod install // pod clean pod cache clean --all // remove build (IOS build failed) rm -rf ios/build https://stackoverflow.com/questions/46428752/how-to-clear-or-clean-specific-pod-from-the-local-cocoapods-cache

Error Could not launch "ProjectName" The operation couldn't be completed. Unable to lauch ... because it has an invalid code signature, inadequate entitlements or its profile has not been explicitly trusted by the user. 해결 방법 iPhone 설정 - 일반 - VPN 및 기기 관리 - 개발자 앱 이후 XCode에서 앱을 다시 실행하면 됩니다.

상태관리 라이브러리 Zustand // store.js import create from 'zustand' const useStore = create(set => ({ deviceId: "", // 변수 setDeviceId: (id) => set(() => ({deviceId: id})), // 함수 deviceName: "deviceNameExample", setDeviceName: (name) => set(() => ({deviceName: name})), init: false, bluetoothState: false, scanning: false, found: false, connecting: false, connected: false ... })) export default useStore 1...

[CoreBluetooth] API MISUSE: has no restore identifier but the delegate implements the centralManager:willRestoreState: method. Restoring will not be supported [CoreBluetooth] XPC connection invalid [CoreBluetooth] API MISUSE: can only accept this command while in the powered on state 블루투스 주변 장치 정보를 얻고 싶어서 React Native Ble Manager 사용하다가 (버튼 눌렀을 때 스캔 X) 위와 같은 오류들이 났는데 아래 사이트의 how to I solve [CoreB..

1. Code highlighter Library Highlight.js Syntaxhighlighter Rainbow Prismjs 등 2. Prismjs 설치 npm install Prismjs 3. 사용법 // _app.tsx에 추가 import "prismjs/themes/prism-tomorrow.css"; ... import Prism from 'prismjs'; import { useEffect } from 'react'; const code = ` Lorem Ipsum is simply dummy text ... Example ... \ printing and typesetting industry. Lorem Ipsum is simply dummy \ printing and typesett..

1. font-face 한글/영어 // font.css @font-face { font-family: "Dongle"; src: url(../../public/font/Dongle-Light.ttf); font-weight: 100; } @font-face { font-family: "Dongle"; src: url(../../public/font/Dongle-Regular.ttf); font-weight: 400; } @font-face { font-family: "Dongle"; src: url(../../public/font/Dongle-Bold.ttf); font-weight: 700; } @font-face { font-family: "Dongle"; src: url(../../public/fo..

tsconfig.json 파일에 baseUrl: "." 추가

ESLint .esLint.js 또는 .eslint.json 파일 수정 "rules": { "prettier/prettier": ["error", { "endOfLine": "auto" }] } rules에 내용 추가

1. CSS-in-JS 간단하게 말하자면 Javascript 코드에서 CSS를 작성하는 방식 2. CSS-in-JS 라이브러리 중, styled-components 설치 npm i styled-components - emotion 등등.. 2-1) styled-components용 babel 플러그인 및 preset 설치 npm i --save-dev babel-plugin-styled-components npm i babel-preset-next 2-2) 프로젝트 루트 폴더 바로 밑에 .babelrc 파일 생성하여 플러그인 활성화 { "presets": ["next/babel"], "plugins": [["styled-components", { "ssr": true }]] } https://github..