설정, 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. 연간 정산 내역서 제공 - 세무 신고용 참고 자료로 활용 가능 ..
Q. Nextjs 14 버전대에서 15 버전대로 업그레이드 되면서 변경된 사항들과 주의해야할 사항들을 알려주세요. 쉽고 자세하게 알려주셔야 합니다. 아마 React 도 18 버전대에서 19 버전대로 업그레이드 된 걸로 아는데요 그것 관련해서도 주의해야할 사항과 변경된 사항들이 무엇인지 쉽고 자세하게 알려주세요. 그리고 Nextjs 에 대해서 그냥 React 와 차이점과 무엇을 중점적으로 봐야하고 다가가야 하는지도 알려주세요. 제가 기존 react 와 react native 개발자인데 nextjs 는 서버사이드쪽 로직이 추가되는 것으로 알고 있는데 어떤 부분이 다른지 어떤 부분 어떤 것을 중점적으로 봐야 잘 적응하고 빠르게 nextjs 로 개발을 할 수 있을지가 알고 싶습니다. Next.js 14에서 ..
⏺ React의 use 함수 기본 개념 use는 React 18에서 소개된 새로운 Hook으로, Promise나 Context와 같은 리소스를 "소비(consume)"하는 데 사용됩니다. 쉽게 말해서 use는 "기다려야 하는 데이터"를 사용할 수 있게 해주는 도구입니다. 일상적인 비유로 이해하기 식당에서 음식을 주문했다고 생각해보세요: - await (일반 JavaScript): 음식이 나올 때까지 자리에 앉아 기다립니다. 다른 일은 전혀 할 수 없습니다. - then() (Promise 체이닝): "음식이 준비되면 저를 불러주세요"라고 말하고 다른 일을 하러 갑니다. - use (React): 음식이 준비될 때까지 다른 것들(UI의 다른 부분)을 먼저 보여주다가, 음식이 준비되면..
https://www.npmjs.com/package/@anthropic-ai/claude-code https://docs.anthropic.com/ko/docs/agents-and-tools/claude-code/overview
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 그 외에 상단 모드 부분에 카메라를 켤 때 무음으로 하도록 루틴을 추가해주면 자동으로 카메라가 켜지면 무음 모드로 전환되어 소리 모드일 때 나는 약한 소리도 기본적으로 안나오게 해서 카메라 사진이나 동영상 찍을 때는 무조건 소리가 전혀 안나도록 할 수 있다.
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 블로그 포스트에서..
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() 메서드로 생성된 새로운 배열의 각 요소는 원본 배열의 객체를 참조하게 됩니다. 따라서 새로운 배열의 객체를 수정하면 원본 배열의 해당 객체도 영향을 받습니다. 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..
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커스텀 훅으로 로직 재사용하기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
create-expo 명령어 https://docs.expo.dev/more/create-expo/ Ex. 52beta 순수 expo 앱 (2024년 10월 30일 기준 최신 버전 sync with RN 0.76)yarn create expo-app --template default@betayarn create expo-app --template bare-minimum@beta https://reactnative.dev/docs/getting-started-without-a-framework여전히 expo framework 없이 react-native cli 를 사용해서 프로젝트를 생성하고 싶다면 다음과 같이 사용 npx @react-native-community/cli@latest init RN76Sa..
Weed cutting 과 Remove empty sentences, Focus on key message. 모두가 이해할 수 있고 모두에게 무해한가? 단순히 정보를 전달하는 것을 넘어 사용자의 감정에 공감했는가? 특정 행동을 강요하거나 공포감을 주고 있지 않은가? https://toss.tech/article/8-writing-principles-of-toss https://velog.io/@my_raeya/posts
LeetCode에서 제공하는 문제의 각 토픽들은 알고리즘과 자료구조의 핵심적인 영역을 다룹니다. 이 토픽들이 알고리즘과 자료구조의 전체를 대표한다고 할 수는 없지만, 대부분의 중요한 개념과 기술들을 포함하고 있습니다. 아래는 각 토픽이 의미하는 바를 간략히 설명한 것입니다.주요 알고리즘 및 자료구조 토픽 설명Array (배열): 데이터를 선형으로 나열한 자료구조로, 접근 및 수정이 O(1)인 자료구조입니다.String (문자열): 문자로 이루어진 시퀀스 처리 문제를 다룹니다. 주로 문자열 검색, 패턴 매칭, 변환 등의 문제들이 포함됩니다.Hash Table (해시 테이블): 데이터를 키-값 쌍으로 저장하는 자료구조로, 평균적으로 O(1) 시간에 검색, 삽입, 삭제가 가능합니다.Dynamic Program..
자료형으로서의 타입 -변수에 저장할 수 있는 값의 종류는 프로그래밍 언어마다 다르다. 최신 ECMAScript 표준을 따르는 자바스크립트는 7가지 데이터 타입 (자료형)을 정의한다.undefined, null, Boolean, String, Symbol, Numeric (Number/BigInt), Object 타입을 확인하는 방법타입스크립트에서 typeof, instanceof 그리고 타입 단언을 사용해서 타입을 확인할 수 있다.typeof 는 연산하기 전에 피연산자의 데이터 타입을 나타내는 문자열을 반환한다.typeof 연산자가 반환하는 값은 자바스크립트 7가지 기본 데이터 타입(Boolean, null, undefined, Number, BigInt, String, Symbol) 과Function ..
react-query 즉 Tan Query 를 통해 서버 상태를 선언적으로 관리하여 많은 문제 해결을 할 수 있습니다. 아래와 같은 시나리오를 가정해보죠. 현재는 리덕스 툴킷을 사용하여 프론트 측의 전역 상태에 스키마를 정의하고 정규화를 수행하면서 채팅앱을 구현하였습니다.로그인한 내가 있고 나는 프로필 이미지와 성별, 닉네임, 이미지들, 게시물들, 등등의 정보를 가집니다.일대일 채팅방은 채팅방 아이디, 마지막 메시지 타입, 마지막 메시지 내용, 채팅방 참여자 두명의 정보, 읽지 않은 갯수 등의 정보를 가집니다.채팅 메시지는 아이디와 타입, 내용, 보낸사람 아이디, 보낸사람 닉네임, 받는사람 아이디, 받는사람 닉네임, 채팅방 아이디 등의 정보를 가집니다.게시물은 아이디, 제목, 이미지, 작성자, 좋아요 ..
react-query 는 서버 리소스 기준으로 fetching 하고 상태관리 하는 라이브러리라고 보면 되겠죠? 간단하게 사용할 때는 유용할 거 같긴한데 redux, thunk 조합 보다 유연성은 떨어질 거 같은데 또 redux-persist 같은거 사용도 안 될 거 같고, 두개를 동시에도 많이 사용하시나요?저는 개인적으로 그냥 올라운드라 커버 가능한 redux, thunk 조합을 사용하는게 일관되고 유연성이 있어서 더 좋아보이긴 하는데요.. 그럼 redux, thunk 기본 조합에 캐싱? 그런 기능 필요시 그에 맞게 추가해야겠죠? react-query 는 그냥 그 자체만으로 따로 취급해야 하는거겠죠? redux, thunk 방식에 react-query 를 연동한다던가 하는 그런 성격의 것은 아닌거죠?만약..
리액트 props 의 형태에 관한 질문 리액트에서 props 형태는 props 에 a , b, c , d 라는 프로퍼티가 있을 때 가령 b 를 배열, c 를 객체, d 를 깊이가 2 나 3인 객체 라고 하면 d 와 같은 형태는 사용하지 않는게 좋나요? 아니면 2중 3중 깊이의 객체나 배열도 그냥 불변성으로 항상 새로운 걸 만들어 넣는다는 개념으로 사용해도 될까요? 왠만하면 1깊이의 객체까지 한정해서 사용하고 불가피하게 필요할 경우에만 2중 3중 깊이의 객체를 사용할까요? 서버에서 받은 리스트 데이터를 넘겨줄 경우 하위 컴포넌트로 리스트 아이템 컴포넌트가 있을 때 리스트 데이터가 항상 새로운 불변의 객체니깐 하위인 리스트 아이템은 항상 리렌더링 되겠죠? 루프를 돌면서 map 같이 그려주는 경우 key 를 ..
타입스크립트에서 구조적 타이핑으로 인해 유니온 타입의 논리가 조금 이상한데 이유가 뭘까요? 다음 예시를 보면 오류를 내지 않고 있어요. 그래서 유사한 구조의 타입들을 구분하기 위해서는 Discriminated Unions 를 사용하라고 하는데요. 애초에 유니온을 만들때 부터 정확한 논리구조로 만들 수는 없는 것이었을까요? 구조적 타이핑, 덕 타아핑의 한계로 인해 어쩔 수 없는 것인가요? 다음의 예시에서 data 는 a, b, c, d 속성을 모두 가지고 있음에도 에러를 내지 않는다. type A = { a: string; b: string;}type B = { a: string; b: string; c: number;}type C = { a: string; b: string; d: () =..