kasumil의 코딩 공작소

신규 프론트엔드 개발자로 취업했다가 php를 배우고 코드이그나이터3, 4를 이용한 사이트 개발을 배웠는데,php는 인기가 없는 언어이고, react로 돌아갔더니 거진 PRD, IA, usecase를 통한 문서 개발을 진행하지 않아서,주먹구구식 개발로 기획문서 하나만 받아서 그런지회사에서 배운게 없네... 프레이머는 스크롤 모션때문에 배웠는데, 리액트 훅 폼은 컨트롤이 어려워서 못 쓰던거고,나머지는 처음보는 것들이네... 회사는 주먹구구 개발만 안해도 좋은 회사인듯 싶다.https://lucide.dev/guide/packages/lucide-react Lucide IconsBeautiful & consistent icon toolkit made by the community.lucide.devhttps:..

import { cookies } from "next/headers";import { NextResponse } from "next/server";import type { NextRequest } from "next/server";export async function middleware(req: NextRequest) { const cookieData = await cookies(); const token = cookieData.get("TokenData"); const publicPaths = ["/login", "/sign-up"]; const isPublicPath = publicPaths.includes(req.nextUrl.pathname); const isFile ..

기존 마이크로소프트의 코드푸쉬가 지원 종료될 예정이다. 3/31일부로...그렇기에 나도 코드푸쉬를 배우려다가 해당 내용을 skip하고, hot-updater로 적용하려고 한다. https://gronxb.github.io/hot-updater/index.html Hot UpdaterSupport New / Old ArchitectureCompatible with both the new and old React Native architectures, offering maximum flexibility for your projectsgronxb.github.io 설치단계1. https://gronxb.github.io/hot-updater/guide/getting-started/quick-start-with..

https://github.com/microsoft/react-native-code-push/issues/2797 When we can expect new arch support for React Native Code Push? · Issue #2797 · microsoft/react-native-code-pushI’m reaching out to inquire about the plans for integrating support for React Native’s new architecture into CodePush. As the new architecture becomes more widely adopted, will there be updates to ...github.com 안된다...0.77...

https://icon.kitchen/ IconKitchenCook up app icons for any platformicon.kitchen  아이폰과 안드로이드의 어플 아이콘 이미지를 자동생성해준다. 아이폰은 그냥 쓰면되지만, 안드로이드는 원형과 라운딩된 사각형을 두개만들어야한다. 앞서boot-splash 라이브러리를 사용하면 생성 명령어를 이용하여 적용하면, splash 이미지가 3개로 자동 적용되어있다.npx react-native-bootsplash generate [이미지 경로/파일명.확장자]자동 적용되어 안드로이드에 따로 설정할 게 없다.건드려도 되는건 오로지 ios Appdelegate.swift파일.안드로이드는 경로를 넣어야 하는데 좀 불편하다.[프로젝트명]/android/app/src/..

https://github.com/invertase/react-native-apple-authentication GitHub - invertase/react-native-apple-authentication: A React Native library providing support for Apple Authentication on iOS aA React Native library providing support for Apple Authentication on iOS and Android. - invertase/react-native-apple-authenticationgithub.com 방법은 어렵지 않다. // App.jsimport React from 'react';import { View } fr..

https://github.com/crazycodeboy/react-native-splash-screen GitHub - crazycodeboy/react-native-splash-screen: A splash screen for react-native, hide when application loaded ,it works on iOA splash screen for react-native, hide when application loaded ,it works on iOS and Android. - crazycodeboy/react-native-splash-screengithub.com 어플 화면설정할때 쓰는 라이브러리.보통 이걸 통해서 렌더링하는 속도를 숨겨 유저가 시간반응도를 낮춰준다. https:/..

https://www.npmjs.com/package/react-error-boundary react-error-boundarySimple reusable React error boundary component. Latest version: 5.0.0, last published: 2 months ago. Start using react-error-boundary in your project by running `npm i react-error-boundary`. There are 1487 other projects in the npm registry using react-errwww.npmjs.com 공식문서에 있는 에러페이지를 만들어도 되는데... 귀찮으니까... import { ErrorBounda..

https://github.com/react-native-webview/react-native-webview/issues/3697#issuecomment-2669390675 webview on iOS white screen · Issue #3697 · react-native-webview/react-native-webviewafter install react native and install package , pod install project and run project for show display url webview is white screen how to fix device run project : Mac mini m2 react native : 0.77.0 r...github.com소스코드를 ..

해결방법은 간단하다. cd ios && pod install 원인은 그냥 pod가 최신화되지 않아서 그런 것.이거때문에 괜히 node_modules를 삭제하고 고생을.. 요즘 웹보다 RN만지는 앱개발이 재밌음 ㅎ