thewavelet

분류 전체보기 (187)

TypeScript 실무 개발 가이드 (2025)

TypeScript 실무 개발 가이드 (2025)이 문서 하나만 보면 TypeScript를 제대로 사용할 수 있도록 핵심만 정리한 실용적인 가이드입니다.📋 목차환경 설정핵심 타입 시스템인터페이스와 타입 정의제네릭 활용타입 가드와 안전성유틸리티 타입고급 타입 패턴React와 함께 사용하기실무 베스트 프랙티스2025년 최신 기능🔧 환경 설정프로젝트 시작하기# 새 프로젝트 생성npm init -ynpm install typescript @types/nodenpx tsc --init# 글로벌 설치 (IDE 지원용)npm install -g typescript필수 tsconfig.json 설정{ "compilerOptions": { "target": "ES2020", "module": "ESNex..

더 읽기

React Native에서 Cheerio 사용하기: TypeScript 타입 선언 완벽 가이드

React Native에서 Cheerio 사용하기: TypeScript 타입 선언 완벽 가이드React Native 프로젝트에서 HTML 파싱을 위해 react-native-cheerio를 사용하다 보면, TypeScript 컴파일 오류가 발생하는 경우가 있습니다. 이는 해당 패키지에 타입 선언이 없기 때문인데, 이 문제를 해결하는 방법을 상세히 알아보겠습니다.문제 상황react-native-cheerio 패키지는 JavaScript로만 작성되어 있어서:TypeScript 타입 선언이 없음@types/react-native-cheerio도 존재하지 않음따라서 TypeScript에서 사용 시 컴파일 오류 발생해결 방법: 직접 타입 선언 파일 생성1. 타입 선언 파일 생성프로젝트 루트에 types/react..

더 읽기

안드로이드에서는 실제 배포된 앱이 아니면 결제가 실제로 이루어지지 않습니다.

안드로이드에서는 실제 배포된 앱이 아니면 결제가 실제로 이루어지지 않습니다. 📱 안드로이드 IAP 테스트 환경 개발/디버그 모드에서는: - ✅ 결제 UI는 표시됨 - ✅ Google Play 결제 다이얼로그 나타남 - ❌ 실제 결제는 처리되지 않음 - ❌ 서버로 전송할 유효한 receipt 생성 안됨 실제 결제가 되는 경우: 1. Google Play Console에 APK 업로드 2. Internal Testing 또는 Closed Testing 트랙에 배포 3. 테스터 계정으로 Play Store에서 다운로드 4. 그 앱에서 결제 시도 테스트 방법: # 1. 릴리즈 빌드 생성 npx react-native run-android --variant=release # 2. AP..

더 읽기

directly 'pod install' deprecated, rosetta2, intell x86 vs arm64

==================== DEPRECATION NOTICE =====================Calling `pod install` directly is deprecated in React Nativebecause we are moving away from Cocoapods toward alternativesolutions to build the project.* If you are using Expo, please run:`npx expo run:ios`* If you are using the Community CLI, please run:`yarn ios`============================================================= [!] Do not..

더 읽기

.env

⏺ 환경변수 파일들의 상세 설명 📊 환경변수 파일 우선순위 (높은 순서대로) 1. .env.{NODE_ENV}.local (최우선) 2. .env.local 3. .env.{NODE_ENV} 4. .env (기본값) 📁 각 파일의 역할과 사용 시나리오 🔹 .env (기본 환경변수) # 모든 환경에서 공통으로 사용되는 기본값 NODE_ENV=development API_BASE_URL=https://api.myapp.com APP_NAME=MyApp - 용도: 프로젝트 전체 기본 설정 - git: ❌ 커밋하지 않음 (보안 정보 포함 가능) - 예시: API URL, 앱 이름, 기본 포트 등 🔹 .env.local (개인 로컬 설정) # 개발자 A의 개인 설정 API_B..

더 읽기

React Native 0.81 and Expo 54

https://expo.dev/changelog/sdk-54 https://react-native-community.github.io/upgrade-helper/?from=0.79.2&to=0.81.0 https://docs.expo.dev/bare/upgrade/?fromSdk=53&toSdk=54 오늘 Expo SDK 54의 출시를 발표합니다. SDK 54에는 React Native 0.81이 포함되어 있습니다. 베타 테스트에 도움을 주신 모든 분들께 감사드립니다. iOS용 사전 컴파일된 React NativeReact Native 0.81 및 Expo SDK 54부터 iOS용 React Native와 그 의존성들이 소스와 함께 사전 컴파일된 XCFramework 형태로 제공됩니다. [사전 컴파일..

더 읽기

추천 토렌트 사이트 순위를 공유합니다. (ver.2025.7.25)

추천 토렌트 사이트 순위를 공유합니다. (ver.2025.7.25)※ 기호설명 ⓒ:광고최소/ ⓚ: 세부카테고리/ ⓐ: 광고많음/ ⓗ : 민망광고no토렌트명사이트주소특징1토렌트좋다https://torrentzota143.com ▶★★ⓚTOP102토렌트팁https://torrenttip186.top ▶★★ⓚTOP103토렌트탑https://torrenttop164.com ▶★★ⓚTOP154토렌트족https://torrentjok72.com ▶★★ⓒⓚ주B5토렌트큐큐https://torrentqq378.com ▶★★ⓐⓢ 주B6토렌트파이https://torrentpi150.com ▶★★ⓚ 일/주/월B7토렌트에그https://torrentegg69.com ▶★★주간B8토렌트릴https://torrentreel142...

더 읽기

React Native 0.79 and Expo 53

https://reactnative.dev/blog/2025/04/08/react-native-0.79 https://react-native-community.github.io/upgrade-helper/?from=0.77.0&to=0.79.5 https://expo.dev/changelog/sdk-53 앱이 Android 15(API 수준 35) 이상을 타겟팅해야 함상태앱 업데이트를 출시할 수 없게 됩니다(60일 남음).배송된 날짜2025년 7월 2일기한2025년 8월 31일사용자에게 안전한 환경을 제공하기 위해 Google Play의 모든 앱은 대상 API 수준 요구사항을 충족해야 합니다.2025년 8월 31일부터 최신 Android 출시로부터 1년 이내의 대상 API 수준을 타겟팅하지 않는 경우..

더 읽기

Windows WSL2 Terminal 줄바꿈

설정, ctrl+shift+, 실제로는 다음과 같이 추가해주면{ "command": {"action": "sendInput", "input": "\n" }, "keys": "alt+enter" } 저장할 때 아래와 같이 변경되면서 적용된다. { "command": { "action": "openSettings", "target": "defaultsFile" }, "id": "User.openSettings.2A0DA8E0" } { "id": "User.sendInput.2A582EC2", "k..

더 읽기

바로템, 아이템베이, 숨고, 중개자, 거래 당사자, 세금

1. 단순 중개자 (Payment Facilitator) - 거래 당사자가 아닌 단순 중개 역할만 수행 - 수수료에 대해서만 세금 처리 의무2. 거래 당사자 (Marketplace) - 구매자와 판매자 간 계약의 실질적 당사자 - 전체 거래에 대한 세금 처리 의무 접근 방식초기 운영 부담법적 위험확장성완전한 세금 처리 시스템 구축매우 높음매우 낮음높음단순 중개자 포지셔닝 + 안내만 제공낮음중간중간세금 관련 언급 자체를 회피매우 낮음매우 높음낮음 1. 단순 중개자 포지셔닝을 기본으로 하되2. 사업자 등록 판매자에게는 부가 혜택 제공 - 수수료 할인 (예: 20% → 15%) - 프로필 배지 부여 ("인증")3. 연간 정산 내역서 제공 - 세무 신고용 참고 자료로 활용 가능 ..

더 읽기

React 19 and Next.js 15

Q. Nextjs 14 버전대에서 15 버전대로 업그레이드 되면서 변경된 사항들과 주의해야할 사항들을 알려주세요. 쉽고 자세하게 알려주셔야 합니다. 아마 React 도 18 버전대에서 19 버전대로 업그레이드 된 걸로 아는데요 그것 관련해서도 주의해야할 사항과 변경된 사항들이 무엇인지 쉽고 자세하게 알려주세요. 그리고 Nextjs 에 대해서 그냥 React 와 차이점과 무엇을 중점적으로 봐야하고 다가가야 하는지도 알려주세요. 제가 기존 react 와 react native 개발자인데 nextjs 는 서버사이드쪽 로직이 추가되는 것으로 알고 있는데 어떤 부분이 다른지 어떤 부분 어떤 것을 중점적으로 봐야 잘 적응하고 빠르게 nextjs 로 개발을 할 수 있을지가 알고 싶습니다. Next.js 14에서 ..

더 읽기

React 19 (Next.js 15) 의 새로운 훅 use

⏺ React의 use 함수 기본 개념 use는 React 18에서 소개된 새로운 Hook으로, Promise나 Context와 같은 리소스를 "소비(consume)"하는 데 사용됩니다. 쉽게 말해서 use는 "기다려야 하는 데이터"를 사용할 수 있게 해주는 도구입니다. 일상적인 비유로 이해하기 식당에서 음식을 주문했다고 생각해보세요: - await (일반 JavaScript): 음식이 나올 때까지 자리에 앉아 기다립니다. 다른 일은 전혀 할 수 없습니다. - then() (Promise 체이닝): "음식이 준비되면 저를 불러주세요"라고 말하고 다른 일을 하러 갑니다. - use (React): 음식이 준비될 때까지 다른 것들(UI의 다른 부분)을 먼저 보여주다가, 음식이 준비되면..

더 읽기

Claude Code

https://www.npmjs.com/package/@anthropic-ai/claude-code https://docs.anthropic.com/ko/docs/agents-and-tools/claude-code/overview

더 읽기

Expo SDK 53 beta is now available

https://expo.dev/changelog/sdk-53-beta Expo SDK 53 베타 기간 정보베타 기간베타 기간은 오늘부터 약 2주간 지속됩니다.이 기간 동안 개발자들은 SDK를 테스트하고 새 릴리스가 자신의 시스템과 앱 구성에 문제를 일으키지 않는지 확인할 수 있습니다.베타 기간 동안 지속적으로 수정사항과 개선사항이 릴리스될 예정이며, 일부는 호환성이 깨지는 변경사항(breaking changes)이 포함될 수 있습니다.기술적 세부사항SDK 53 베타는 React Native 0.79.0과 React 19.0.0을 포함합니다.전체 릴리스 노트는 정식 출시 때까지 제공되지 않습니다.릴리스 범위와 호환성이 깨지는 변경사항에 대해 더 알고 싶으면 expo/expo 리포지토리의 변경 로그를 확인할..

더 읽기

갤럭시 카메라 무음 만들기

카메라 무음은 불법이 아니다. 표준 권고안에 따라 제조사들이 그렇게 기본으로 하였을 뿐이다. 개발자 모드 켜고, usb 디버깅 허용한 다음에 다음 명령어를 해주면 된다. 물론 adb 는 설치되어 있어야 한다.나는 개발자이므로 adb 는 설치되어 있다! adb shell settings put system csc_pref_camera_forced_shuttersound_key 0 그 외에 상단 모드 부분에 카메라를 켤 때 무음으로 하도록 루틴을 추가해주면 자동으로 카메라가 켜지면 무음 모드로 전환되어 소리 모드일 때 나는 약한 소리도 기본적으로 안나오게 해서 카메라 사진이나 동영상 찍을 때는 무조건 소리가 전혀 안나도록 할 수 있다.

더 읽기

React Native 0.77 - New Styling Features, Android’s 16KB page support, Swift Template

https://reactnative.dev/blog/2025/01/21/version-0.77   0.77로 업그레이드기존 프로젝트의 React Native 버전 간 코드 변경 사항을 확인하려면 React Native Upgrade Helper를 사용하세요. 또한, 업그레이드 문서도 참고하시기 바랍니다.새로운 프로젝트 생성하려면:npx @react-native-community/cli@latest init MyProject --version latest 만약 Expo를 사용하고 있다면, React Native 0.77은 Expo SDK 52에서 지원됩니다 (Expo 프로젝트 내에서 React Native를 0.77.0으로 업데이트하는 방법에 대한 안내는 가까운 시일 내에 별도의 Expo 블로그 포스트에서..

더 읽기

react native 0.76.2 on windows

git clone nodejs lts 관리자 모드 nodejs command corepack enable프로젝트 디렉토리 가서 yarn set version berry yarn gradle.propertiesorg.gradle.java.home=C:\\Users\\i5\\AppData\\Local\\Programs\\Android Studio\\jbr  JAVA_HOMEC:\Users\i5\AppData\Local\Programs\Android Studio\jbr  C:\Users\i5\IdeaProjects\MyProject\mobile\myproject\node_modules\react-native\ReactAndroid\cmake-utils fix build failure on windows in ..

더 읽기

map() 메서드에서는 객체의 얕은 복사가 이루어지므로 리턴된 배열의 각 객체는 원본 배열의 참조를 그대로 가집니다.

map() 메서드는 원본 배열의 각 요소를 변환하여 새로운 배열을 생성합니다. 이때, 원본 배열의 요소가 객체인 경우, map() 메서드로 생성된 새로운 배열의 각 요소는 원본 배열의 객체를 참조하게 됩니다. 따라서 새로운 배열의 객체를 수정하면 원본 배열의 해당 객체도 영향을 받습니다. const originalArray = [{ id: 1, value: 'a' }, { id: 2, value: 'b' }];const newArray = originalArray.map(item => item);// 새로운 배열의 첫 번째 객체 수정newArray[0].value = 'z';console.log(originalArray[0].value); // 출력: 'z' 위 코드에서 originalArray와 new..

더 읽기

React Native 0.76 with the New Architecture by default is now available on npm!

https://reactnative.dev/blog/2024/10/23/the-new-architecture-is-herehttps://reactnative.dev/blog/2024/10/23/release-0.76-new-architecture 새로운 아키텍처 - 새로운 네이티브 모듈 => 네이티브 인터페이스에 직접 접근 가능한 네이티브 모듈, 네이티브 컴포넌트 지원 - 새로운 렌더러 - 이벤트 루프 => 웹과 더 유사하게 작동, - 브릿지 제거reactnative.directory새로운 피처 (리액트 18 완벽 지원, 동시성 피처, useLayoutEffect) - Transitions (Urgent updates, Transition updates) - Automtic Batching => conc..

더 읽기

Reusing Logic with Custom Hooks

Reusing Logic with Custom Hooks커스텀 훅으로 로직 재사용하기https://youtu.be/y78eaFcoh0g?list=PLjQV3hketAJkh6BEl0n4PDS_2fBd0cS9v  https://react-ko.dev/learn/reusing-logic-with-custom-hooks https://react.dev/learn/reusing-logic-with-custom-hooks https://ko.react.dev/learn/reusing-logic-with-custom-hooks

더 읽기

Copyright © thewavelet All Rights Reserved

Designed by JB FACTORY

티스토리툴바