티스토리

Jun's TID
검색하기

블로그 홈

Jun's TID

til-choonham.tistory.com/m

우상향 라이프

구독자
5
방명록 방문하기

주요 글 목록

  • [데이터 변조] Channel Coding 채널 코딩의 개요정의전송 중 데이터 오류를 검출하고 수정할 수 있도록 데이터를 변환하는 과정특징전송 오류를 감지하고 수정할 수 있도록 보호 코드를 삽입하여 신뢰성 향상인공위성, 무선 통신 등 잡음이 많은 환경에서 효과적인 데이터 프레임 전송채널 코딩을 위한 특수 목적 데이터 패킷 추가로 속도는 저하채널 코딩 비교표 코딩 기법 기능오류검출오류 수정특징사용 예시패리티 비트간단한 오류 검출✅❌1비트 오류만 감지, 2비트 오류 검출 불가기본 데이터 전송, 직렬 통신해밍 코드오류 검출 및 수정✅✅ (1비트 수정 가능)1비트 오류 수정, 2비트 오류 검출RAM (ECC 메모리), 저장 장치CRC (순환 중복 검사)강력한 오류 검출✅❌다항식 연산 사용, 오류 감지율 높음네트워크 패킷(TCP/IP), 하드디스크컨벌루션.. 공감수 0 댓글수 0 2025. 3. 2.
  • [데이터 변조] Source Coding 소스 코딩1. 소스 코딩 개요전송 전에 데이터를 최소한의 크기로 효율적으로 표현하여 대역폭을 절약하고 전송 속도를 높이는 작업사용하지 않거나 중복된 부분을 제거하여 크기를 줄임예시무손실 압축 (Lossless Compression)원본 데이터를 100% 복원 가능ZIP, PNG, FLAC손실 압축 (Lossy Compression)원본 데이터 일부를 버려 압축율 증가MP3, JPEG, H.2642. 소스 코딩의 변조 기법델타 변조: 입력 신호를 표본화하여 바로 앞의 표본차와 진폭을 비교하여 입력 신호가 크면 1을 출력하고 작으면 0을 출력하여 1bit의 디지털 부호화 신호를 생성하는 변조 방식개념도펄스 부호 변조: 아날로그 신호를 클록 주기에 따라 표본화한 후 양자화하여 수치화하고 그 값을 2진 비트열로.. 공감수 0 댓글수 0 2025. 3. 2.
  • [Oracle Tunning] Join 1. NL Join (Nested Loop)NL 조인은 두 테이블이 조인할 때, 드라이빙 테이블(Outer 테이블)에서 읽은 결과를 Inner 테이블로 건건이 조인을 시도하는 방식이다. 즉, 아래와 같이 동작한다.for(i = 0; i  - 사용 쿼리 예시SELECT /*+ ORDERED USE_NL(E) */ *FROM DEPT D, EMP EWHERE 1 = 1AND D.DEPTNO = E.DEPTNO; ORDERED: FROM 절에서 나열된 순서로 테이블을 읽도록 지시USE_NL(E): E와 조인할 때 NL 조인을 사용하도록 지시DEPT 테이블에서 데이터를 한 건 읽어서 EMP 테이블로 조인을 시도하고, 조인에 성공하는 만큼을 결과 집합에 담는다.다시 DEPT 테이블로 돌아가서 다음 한 건을 .. 공감수 1 댓글수 1 2024. 8. 28.
  • [Oracle Tunning] 인덱스 활용과 튜닝 Clustering Factor- 데이터가 모여 있는 정도를 수치로 보여주는 것- 데이터 분포도에 따라서 데이터 블록에 접근하는 횟수가 달라지기 때문에 성능 측면에서 중요한 요소이다.- 클러스터링 펙터 출력 쿼리SELECT T.TABLE_NAME, I.INDEX_NAME, T.BLOCKS, T.NUM_ROWS, I.CLUSTERING_FACTORFROM USER_TABLES T, USER_INDEXES IWHERE I.TABLE_NAME = T.TABLE_NAME AND T.TABLE_NAME IN ('ORD_ITEM', 'ORD_ITEM_RANDOM');- 클러스터링 팩터는 테이블 자체로는 좋다 나쁘다고 할 수 없다. 특정 인덱스를 이용할 때, 해당 인덱스으 클러스터링 팩터가 좋은지 나쁜지를 .. 공감수 1 댓글수 0 2024. 8. 28.
  • [Oracle Tunning] INDEX Scan 방식 이번에는 인덱스의 스캔 방식에 어떤 종류들이 있는 지 알아보자.Index Unique Scan루트 블록에서 시작하여 브랜치 블록을 거쳐 리프 블록까지 내려가서 최종 데이터가 저장된 테이블 목록을 읽어 단 한 건을 찾는 방식이다.이 스캔 방식은 오직 수직적 탐색으로만 데이터를 찾는다.Unique Scan을 사용하려면 Unique 인덱스를 = 조건으로 탐색해야 하며, 중복 값이 없어야 한다. 예시:SELECT * FROM ITEM WHERE ITEM_ID = 11; -- PK 컬럼의 ID로 탐색 (Unique Scan)SELECT * FROM UITEM WHERE ITEM_ID = 89; -- FK 컬럼이기 때문에 Range Scan Index Range Scan인덱스 스캔 중 가장 일반적으로 사용되는 방식.. 공감수 2 댓글수 0 2024. 8. 28.
  • [Oracle Tunning] INDEX 기본 Oracle 인덱스는 데이터베이스의 성능을 최적화하기 위해 자주 사용되는 데이터 구조이다.  인덱스의 구조와 탐색 원리를 이해하면, 데이터베이스에서 효율적으로 데이터를 찾고 관리하는 데 큰 도움이 된다. 아래에서는 인덱스의 기본 개념과 인덱스의 구조적 요소들에 대해 더 깊이 알아보자.1. 인덱스의 기본 개념인덱스(Index)는 테이블의 열(컬럼)에 대한 정렬된 데이터 구조이다.  테이블의 데이터는 특정 순서 없이 저장되지만, 인덱스는 데이터베이스가 더 빠르게 검색할 수 있도록 특정 열의 값을 기준으로 정렬하여 별도로 관리한다.  인덱스는 책의 색인처럼 작동하여, 데이터베이스가 특정 데이터를 빠르게 찾을 수 있도록 돕는다. B-Tree 인덱스는 Oracle에서 가장 일반적으로 사용되는 인덱스 구조이다.  .. 공감수 1 댓글수 1 2024. 8. 28.
  • [Oracle Tunning] DBMS_XPLAN.DISPLAY_CURSOR DBMS_XPLAN.DISPLAY_CURSOR는 오라클에서 SQL 실행 계획을 조회하기 위해 사용되는 함수이다.  이 함수는 특히 실행된 SQL 문에 대한 실행 계획과 그에 대한 성능 통계를 제공하는 데 유용하다.  이를 통해 SQL 문이 어떻게 실행되었는지, 그리고 성능을 개선할 여지가 있는지 확인할 수 있다. 실행 계획 조회: DBMS_XPLAN.DISPLAY_CURSOR는 커서와 관련된 실행 계획을 보여준다. 이를 통해 쿼리가 실행된 방식과 각 단계에서 사용된 접근 방법을 확인할 수 있다.실행 통계 제공: 실행된 쿼리에 대한 통계 정보를 제공한다. 이 통계에는 실제로 읽은 블록 수, 사용된 CPU 시간, 실행된 행의 수 등이 포함된다. 이러한 정보는 쿼리 성능을 분석하고 병목 지점을 찾아내는 데 도.. 공감수 0 댓글수 0 2024. 8. 28.
  • [Oracle Tunning] 오라클 아키텍쳐 요즘 회사에서 오라클 DB 성능 튜닝에 대한 공부를 좀 하고 있는데, Obsidian만 사용하다가 유기된 블로그도 좀 살릴 겸.. 여기에도 정리를 해보려고 한다. 간단하게 오라클 DB의 데이터 저장 구조와 SELECT 문을 실행했을 때 어떤 순서로 쿼리를 수행하는 지 먼저 알아보고 넘어가자.오라클 아키텍처의 데이터 저장 구조오라클 데이터베이스의 데이터 저장 구조는 물리적 구조와 논리적 구조로 나뉜다.물리적 구조:데이터 파일 (Data Files): 실제 데이터가 저장되는 파일이다. 테이블의 데이터, 인덱스, 블록 등이 이 파일에 저장된다.컨트롤 파일 (Control Files): 데이터베이스의 상태와 구조를 관리하는 파일이다. 데이터 파일과 리두 로그 파일의 위치 정보, 데이터베이스 이름, 백업 정보 등.. 공감수 0 댓글수 0 2024. 8. 28.
  • [Network] IPv4 CIDR 표기법 한 동안 너무 바쁘다고 블로그를 거의 유기하고 있었다는 생각이 들어서... 회사에서 클라우드 서버 견적을 내다가, CIDR표기가 갑자기 좀 헷갈려서... 정리를 좀 하려고 한다.CIDR(Classless Inter-Domain Routing, 무분류 도메인 간 라우팅)은 IP 주소를 할당하고 라우팅하는 방법 중 하나이다. 1993년에 도입된 이 방식은 기존의 IP 주소 클래스(A, B, C 클래스 등)보다 훨씬 더 유연한 IP 주소 할당을 가능하게 해주는 방식이다.CIDR 표기법CIDR 표기법은 IP 주소와 슬래시(/) 및 숫자로 구성된다. 이 숫자는 서브넷 마스크의 길이를 나타내며, 네트워크 부분과 호스트 부분을 구분하는 역할을 한다. 예를 들어:192.168.0.0/24라는 CIDR 블록은 IP 주소.. 공감수 0 댓글수 0 2024. 8. 28.
  • 레지스터 호환 in x86-64 아키텍처 64비트 x86-64 아키텍처에서는 레지스터들이 여러 크기의 값을 처리할 수 있도록 설계되어 있으며, 이는 크게 64비트, 32비트, 16비트, 그리고 8비트 레지스터로 구분된다. 여기서 큰 레지스터는 작은 레지스터들을 포함하고 있어, 작은 레지스터들은 큰 레지스터의 하위 부분을 차지한다. 다음은 일반적인 64비트 레지스터와 그에 연결된 하위 레지스터들의 호환표입니다:64비트 레지스터 (General Purpose)rax : 64비트 전체 레지스터eax : 하위 32비트ax : 하위 16비트ah : 상위 8비트 (상위 바이트 of ax)al : 하위 8비트 (하위 바이트 of ax)rbxebxbxbhblrcxecxcxchclrdxedxdxdhdl추가 64비트 레지스터 (General Purpose)rsi.. 공감수 0 댓글수 0 2024. 5. 26.
  • [weekly english] 2024년 12주차 날씨가 슬슬 따듯해지면서 여름이 걱정되긴 하지만, 일단은 옷이 가벼워져 기분은 참 좋다..ㅎㅎ 이번 주 복습이 조금 늦긴 했는데, 시작해보자. 직접 만났어! 직접 봤어! 누군가가 직접, 현장에서, 또는 직접적으로 어떤 장소에 가서 사람들과 만나는 상황을 묘사할 때는 in person 이라는 표현을 자주 사용한다. 콘서트에 가서 좋아하는 가수를 직접 봤어! 등에서도 사용할 수 있는 표현이다. - The meeting was supposed to be online, but I thought it was important, so I attended in person. - The interview will be conducted in person, so make sure to prepare thoroughly... 공감수 1 댓글수 1 2024. 3. 25.
  • [weekly english] 2024년 11주차 지난주에 회사 일 때문에 참석을 못해서... 바로 11주 차로 넘어왔다. - 어부바! 아기를 업다. 는 영어로 뭘까? 수업 때, 딱 질문을 받자마자 "어.... 진짜 뭐지..?" 하면서 황당하였는데, 업다는 영어로 Give someone a piggyback. 이다. 즉, 아기를 업다 => Give a baby a piggyback. piggy back은 업다. 라는 물리적 행위에 대하여도 사용되지만, 비유적인 표현으로도 사용이 되는데 예를 들어, 한 회사가 다른 동일한 업종의 회사의 성공을 기반으로 발전한다면, 그 회사가 다른 회사의 성공에 piggyback 하여 성공했다고 말하기도 한다. ex) 1. 업다. : After the long hike, the tired child asked her fat.. 공감수 0 댓글수 0 2024. 3. 19.
  • [MongoDB] replica sets 설정 만들고 있는 어플 기능 중에 실시간으로 데이터의 변경 사항을 뿌려줘야 하는 기능이 필요한데, push & pull 방식보다는 DB의 실시간 변경 사항을 추적하여 ws으로 뿌려주는 게 낫겠다 싶어서, 어떻게 해야 하나... 하고 고민을 좀 하고 있었다. node의 mongoose에서 마침 해당 기능을 제공하고 있길래, "이거야! 당장 사용해보자!!!!"하고 바~로 예제 코드를 주어왔다. ◎ express.js의 main code #!/usr/bin/env node /** * Module dependencies. */ const app = require('../app'); const debug = require('debug')('happiness-stock-rest-api:server'); const htt.. 공감수 0 댓글수 0 2024. 3. 15.
  • [MongoDB] 연산자 및 함수 find에서 사용하는 쿼리 연산자와 insert, update, delete 시 사용할 수 있는 업데이트 연산자를 한번 정리해보려고 한다. 쿼리 연산자 $eq: 지정된 값과 동일한 값을 찾는 연산자이다. $gt: 지정된 값보다 큰 값을 찾는 연산자이다. $gte: 는 지정된 값보다 크거나 같은 값을 찾는 연산자이다. $lt: 지정된 값보다 작은 값을 찾는 연산자이다. $lte: 지정된 값보다 작거나 같은 값을 찾는 연산자이다. $ne: 지정된 값과 다른 값을 찾는 연산자이다. $in: 지정된 배열 안에 있는 값을 찾는 연산자이다. $nin: 지정된 배열에 없는 값을 찾는 연산자이다. $exists: 지정된 필드가 문서에 존재하는지 여부를 체크하는 연산자이다. $type: 지정된 타입과 일치하는 필드의 데.. 공감수 0 댓글수 0 2024. 3. 12.
  • [MongoDB] Intro 및 기본 사용법 MongoDB는 문서 지향적 NoSQL 데이터베이스이다. 데이터를 JSON과 유사한 형식인 BSON(Document)으로 저장하고 관리한다. 다양한 데이터 구조를 효율적으로 저장하고 쿼리 할 수 있으며, SQL 데이터베이스에 비해 더 유연한 데이터 모델을 제공한다. MongoDB의 특징: 스키마가 없다: MongoDB는 고정된 스키마를 갖지 않는다. 같은 컬렉션 내의 문서들은 서로 다른 구조를 가질 수 있다. 문서 지향적이다: 데이터는 문서 형식의 BSON 파일로 저장된다. 이는 JSON과 유사하며, 데이터의 읽기와 쓰기가 용이하다. 확장성이 뛰어나다: 데이터가 증가함에 따라, MongoDB는 샤딩을 통해 데이터베이스를 수평으로 확장할 수 있다. 인덱싱을 지원한다: MongoDB는 다양한 형태의 인덱싱을.. 공감수 0 댓글수 0 2024. 3. 12.
  • [MongoDB] Window11 환경에서 외부 접속 허용 MongoDB와 아침부터 조금씩 친해져보려고 하는데, 이 친구 외부 접속이 default로 막혀있는 거 같다.(그걸 30분 동안 삽질하고 나서 알아챈...) 그래서 좀 뒤져보니까 config 파일에서 외부 접속을 따로 설정해줘야 한다는 내용이 있길래 정리해보려고 한다. 우선 db와 해당 db에 접속 권한을 가진 계정을 생성해야 한다. db는 기존에 있는 db를 사용한다고 치면, use database_name; db.createUser({ user: "user", pwd: "password", roles: [{role: "dbOwner", db: "database_name"}] // 모든 권한, 최소 권한 원칙에 위배되나, 테스트용도이니 신경쓰지 않겠다. }); 이후에 MongoDB가 설치되어 있는 디렉.. 공감수 0 댓글수 1 2024. 3. 12.
  • [weekly english] 2024년 9주차 - Take Something "Take something"이라는 표현은 "무언가를 복용하다"라는 의미로 사용된다. 보통 약을 먹을 때 이 표현을 자주 쓴다. 예문: - Take this medicine three times a day after meals. - You should take the painkillers every six hours. - 회식은? a staff dinner! - 보통 뭐하면서 쉬어? "How do you recharge?" 는 보통 뭐 하면서 쉬어? 정도의 문맥으로 사용할 수 있는 문장이다. 예문: A: "You've been working really hard lately. How do you recharge?" B: "I usually go for a long walk .. 공감수 0 댓글수 0 2024. 2. 29.
  • [weekly english] 2024년 8주차 - Think about 과 Think of의 맥락 "think about"과 "think of"는 모두 생각하다는 의미를 담고 있으나, 사용하는 맥락에 따라 의미상의 미묘한 차이가 있다. "think about"는 어떤 대상이나 주제에 대해 심사숙고하거나 고민하는 것을 의미한다. 이 표현은 보통 무언가를 깊이 있게 고려하거나, 어떤 문제에 대해 집중적으로 생각할 때 사용된다. 예를 들어, "I need to think about my future career"는 "나는 내 미래의 직업에 대해 심사숙고해야 한다"는 의미로, 여기서는 미래의 직업이라는 주제에 대해 깊이 있는 고민을 할 필요가 있음을 나타낸다. 반면, "think of"는 떠올리다라는 의미로 사용되며, 어떤 아이디어, 사람, 장소 등이 갑자.. 공감수 0 댓글수 0 2024. 2. 26.
  • [react-native] typescript 환경에서 navigation 사용 이번에는 가장 일반적으로 사용하는 Stack Navigation을 구현하는 컴포넌트를 typeScript를 사용해서 구성해보려고 한다. 기본적으로 아래와 같이 RootStack을 구성할 수 있는데, ◎App.tsx import React from 'react'; import {NavigationContainer} from '@react-navigation/native'; import RootStack from './screens/RootStack.tsx'; const App = () => { return ( ); }; export default App; ◎screens/RootStack.tsx import React from 'react'; import {createNativeStackNavigator}.. 공감수 0 댓글수 0 2024. 2. 21.
  • [react-native] typescript로 Context API 사용 예제 typeScript로 contextAPI 를 사용하는 context 컴포넌트를 만들면 createContext로 사용할 전역 변수를 인터페이스로 만들어서 관리가 가능하다는 점과 제네릭 설정을 넣어 null 값에 대한 exception 처리를 손쉽게 할 수 있다는 장점이 있다. 바로 바로 참고할 수 있게 간단한 예제 컴포넌트만 하나 확인해보자. ◎AuthContext.tsx import React, {createContext, useContext, useState} from 'react'; interface User { id: number; username: string; } interface AuthContextValue { user: User | null; setUser(user: User): void.. 공감수 0 댓글수 0 2024. 2. 21.
  • [react-native] typescript 환경에서 Hooks 예제 좀 더 typescript와 친해져보자. 기존에 자주 사용하는 Hook들을 ts를 사용하여 변경하는 예제들을 확인하려고 한다. - useState import React, {useState} from 'react'; import {Button, Text, TextInput, View} from 'react-native'; const MessageForm = () => { // string 타입 const [text, setText] = useState(''); // interface 타입 체크 or null const [lastMessage, setLastMessage] = useState(null); const onPress = () => { setLastMessage({ message: text, d.. 공감수 1 댓글수 1 2024. 2. 20.
  • [react-native] typescript환경에서 Props 사용 타입스크립트의 기본적인 문법을 다뤄봤으니, 이제 이 타입스크립트를 리액트/리액트 네이티브에서 어떻게 사용을 하는 지 확인해보자. Props를 어떻게 사용하여 자식 컴포넌트에 데이터를 전달하는게 JS 환경과 어떤 차이가 있는 지, 기본적인 예제 코드를 한 번 보자. Json 형식을 사용할 수도 있지만, 타입 검사를 위해 interface를 사용한다. ◎ Profile.tsx import React from 'react'; import {Image, StyleSheet, Text, View} from 'react-native'; interface Props { name: string; // normal param isActive?: boolean; // optional param image?: string;.. 공감수 0 댓글수 0 2024. 2. 20.
  • [weekly idioms] 2024년 7주차 1. R & R: Short for "rest and relaxation," it refers to taking time off from work or duties to relax or recuperate. Example: After six months of continuous work, Mark took a week off for some much-needed R & R on a quiet beach. 2. Put something off: To delay doing something until a later time or date. Example: I've been putting off going to the dentist because I'm a bit scared, but I know I have.. 공감수 0 댓글수 0 2024. 2. 20.
  • [TypeScript] TypeScript - Basic 문법 타입 스크립트 좋더라, 타입 스크립트 쓰세요. 런타임 에러가 확 줄어요..!라는 말을 종종 들으면서도 현재 회사에서 잡고 있는 프로젝트가 전부 JS로 되어 있는 것도 그렇고, 뭔가 JS도 잘 쓰고 있는 마당에 굳이...?라는 생각이 들어서 따로 쳐다보지를 않고 있었다. 이젠 리엑트로 프로젝트도 하고 있고, 조만간 RN으로도 하나 진행할 거 같아서 더는 미루지 말고 한번 사용이나 해보자! 라는 생각이 들어서 다뤄보려고 한다. 기본적인 내용부터 차근차근 공부해보자. - 그래서 타입 스크립트가 뭐야? 타입스크립트(TypeScript)는 자바스크립트(JavaScript)를 기반으로 하는 언어로, 자바스크립트의 모든 기능을 포함하면서 타입 시스템을 추가해 준다는 것이 기본 콘셉트이다. 이로 인해 큰 규모의 애플리.. 공감수 0 댓글수 0 2024. 2. 16.
  • [react-native] 실습 프로젝트: Simple SNS App 어떤 언어던, 프레임 워크던 친해지는 데 가장 좋은 방법은 CRUD가 완벽하게 구현된 블로그 프로젝트이다. 이번에도 RN와 Firebase를 사용하여 아주 간단한 SNS 프로젝트를 책을 따라가면서 만들어봤다. 이 프로젝트는 회원 인증, 화면 전환, CRUD, 카메라 & 앨범 제어, 새로고침, 로딩바, 스플레시, 이벤트 Emit 등 다양한 기능이 들어간 Simple SNS 프로젝트이며, 이걸로 내 RN_비기너 타이틀...? 정도는 가질 수 있게 된 거 같다. 늘 그렇듯, 전체 코드를 따라가며 설명하는 건 너무 길고 책에서 설명하는 것과 크게 다르지 않기 때문에 따로 하지 않으려고 한다. Git: https://github.com/Choonham/publicGalleryChoon GitHub - Choonh.. 공감수 0 댓글수 0 2024. 2. 15.
  • [react-native] react-native-splash-screen react-native-splash-screen은 React Native 애플리케이션에서 시작 화면(스플래시 스크린)을 쉽게 구현할 수 있게 도와주는 라이브러리이다. 이 라이브러리를 사용하면 앱이 로딩되는 동안 사용자에게 보여줄 초기 화면을 설정할 수 있으며, 앱의 로딩 경험을 개선하는 데 유용하다. 이 글에서는 Android와 iOS 환경에서 각각 셋팅하는 방법과 기본적인 사용 예제에 대하여 설명하려고 한다. yarn add react-native-splash-screen npm install react-native-splash-screen --save Android 환경에서의 셋팅 android/app/src/main/java/[...]/MainActivity.java 파일을 열고, import or.. 공감수 0 댓글수 0 2024. 2. 13.
  • [react-native] EventEmitter React Native의 EventEmitter는 컴포넌트나 모듈 간의 이벤트 기반 통신을 가능하게 하는 클래스이다. 이 클래스를 활용하여, 개발자는 특정 이벤트가 발생했을 때 리스너에 알림을 보낼 수 있다. EventEmitter는 주로 네이티브 모듈과 JavaScript 간의 이벤트 통신에 사용되지만, React Native 애플리케이션 내의 다른 용도로도 사용될 수 있다. 이 글에서는 해당 이벤트를 위해 eventemitter3 라는 라이브러리를 사용하려고 한다. yarn add eventemitter3 EventEmitter 사용법 EventEmitter 인스턴스 생성: EventEmitter의 인스턴스를 생성하여 이벤트를 발생시키고, 이에 대한 리스너를 등록한다. 이벤트 리스너 등록: addLi.. 공감수 0 댓글수 0 2024. 2. 13.
  • [react-native] react-native-image-picker react-native-image-picker은 React Native 애플리케이션에서 사용자의 디바이스 갤러리나 카메라를 통해 이미지나 비디오를 선택할 수 있게 해주는 라이브러리이다. 이 라이브러리를 사용하면 사용자가 디바이스에서 미디어를 쉽게 선택하고, 앱 내에서 이를 활용할 수 있게 된다. react-native-image-picker는 iOS와 Android 플랫폼 모두를 지원하며, 다양한 커스터마이징 옵션을 제공한다. 설치는 뭐, 동일하다. yarn add react-native-image-picker npm install react-native-image-picker 이후에는 카메라 접근 권한을 위한 권한 설정을 해줘야 한다. - 권한 설정 ◎Android(android/app/src/main.. 공감수 0 댓글수 0 2024. 2. 12.
  • [react-native] React.forwardRef() React.forwardRef는 React 컴포넌트에서 부모 컴포넌트로부터 받은 ref를 자식 컴포넌트에게 전달하는 기능을 제공한다. 이 기능은 주로 두 가지 상황에서 유용하다. 첫째, DOM 요소나 클래스 컴포넌트 인스턴스에 직접 접근해야 할 때이다. 둘째, 라이브러리와 같은 재사용 가능한 컴포넌트들 사이에서 내부 요소에 ref를 전달해야 할 때 사용된다. React.forwardRef를 사용하는 방법은 다음과 같다. React.forwardRef 함수는 렌더링 함수를 인자로 받는다. 이 함수는 props와 ref를 매개변수로 받으며, React 엘리먼트를 반환한다. 이렇게 함으로써, 부모 컴포넌트에서 전달한 ref가 자식 컴포넌트 내부의 특정 DOM 요소나 컴포넌트 인스턴스에 연결될 수 있다. 아래는.. 공감수 0 댓글수 0 2024. 2. 10.
  • [react-native] datetimepicker & modal react-native-community/datetimepicker는 React Native에서 날짜 및 시간 선택 기능을 제공하는 컴포넌트이다. 이 컴포넌트는 Android와 iOS 플랫폼을 모두 지원하며, 사용자에게 친숙한 네이티브 날짜 및 시간 선택 도구를 제공한다. react-native-community/datetimepicker를 사용하기 전에, 먼저 npm 또는 yarn을 사용하여 프로젝트에 설치해야 한다. 설치 명령은 다음과 같다. yarn add @react-native-community/datetimepicker 이제 사용법을 알아보자. 다음은 간단한 날짜 선택기 예시이다. import React, {useState} from 'react'; import {View, Button, Pl.. 공감수 0 댓글수 0 2024. 2. 10.
    문의안내
    • 티스토리
    • 로그인
    • 고객센터

    티스토리는 카카오에서 사랑을 담아 만듭니다.

    © Kakao Corp.