귤죠아

귤을 좋아하는 프론트엔드 개발자

FrontEnd/React

패스트캠퍼스에서 React Native를 활용한 빠르고 완성도 높은 앱 개발 강의를 듣던중 ScrollView와 FlatList의 차이가 조금 아리쏭해서공식 문서를 기준으로 두 컴포넌트의 차이점과 사용 시점에 대해 정리해봤다. ScrollView란?ScrollView는 자식 컴포넌트를 한 번에 모두 렌더링하는 스크롤 컨테이너다.콘텐츠가 많으면 메모리 사용량이 늘어나 성능 저하 발생스크롤 가능한 정적 화면에 적합 (예: 약관, 설정 화면)ScrollView 주요 Props속성타입설명horizontalboolean가로 방향 스크롤 여부 (기본값: false)showsVerticalScrollIndicatorboolean세로 스크롤바를 표시할지 여부contentContainerStyleViewStyle스크롤 ..

2025. 7. 14.

FrontEnd/React

*현재 expo로 공부중이라 예문 구조는 기본 expo cli의 최신버전을 바탕으로 작성하였습니다 무작정 코딩하며 공부하고있다보니 React Native로 화면 전환 구조를 어떻게 짜야 할 지 모르겠어서 정리해봤다. 특히 expo-router를 쓰면 기존 react-navigation이랑 방식이 달라서 처음엔 헷갈릴 수도 있다.그래서 이번 글에서는 Stack, Tabs, Layout, 그리고 expo-router 기준으로내비게이션 구조를 어떻게 설계하면 좋을지 간단하게 정리해봤다. Navigation 이란?!화면을 이동하는 구조를 말한다.웹으로 치면 링크 클릭해서 다른 페이지로 가는 거랑 비슷하고,모바일 앱에서는 Stack이나 Tabs, Drawer 같은 방식으로 화면을 전환하게 된다. React Na..

2025. 7. 6.

FrontEnd/React

요즘 React Native를 공부하고있는데 늘 어려운건 세팅이기 때무네미래의 내가 헷갈리지 않기 위해 정리한 expo CLI 기반 개발 환경 세팅법과 최신(2025.06기준) 디렉토리 구조 설명을 공유합니다.📌 이 글은 expo-router v3 기준으로 작성되었습니다.🔧 개발 환경 정보항목내용개발 도구React Native + expo CLI라우팅 expo-router V3코드 편집기VSCode테스트Chrome(web), Ios 시뮬레이터, Aos 시뮬레이터 Expo CLI 설치 및 프로젝트 생성expo CLI 설치npm install -g expo-cli프로젝트 생성npx create-expo-app myProject-Name create-expo-app은 최신 expo-router 구조를 포함..

2025. 6. 28.

Error

에러 내용더보기 ERROR Warning: Text strings must be rendered within a component. 에러 이유React Native의 인강과 현재 버전차이로 인해 기본 세팅도 해보는 중인데 이럴 거면 그냥 책사서 공부할 거 까비...무튼 Hook 코드에 왜 텍스트를 안감쌌다고 난리일까 싶었는데...하위 스크린 컴포넌트의 문제였다 수정 방법역시.... 에러는 잘 읽어보면 답이 있다..자꾸 쉬운데서 에러 나는 거 스스로가 바보 같은 부분... index.tsx 파일에서 임의로 등록해둔 문구가 컴포넌트로 묶이지 않아서 발생한 거였다 Fast 강의 이론 공부 해결 Fast 강의 이론 공부

2025. 6. 9.

FrontEnd/React

ReactNative를활용한빠르고완성도높은앱개발with21개프로젝트초격차패키지Online. 강좌를 공부한 내용의 요약입니다.View and MobileView → 모바일 개발에서 UI의 기본 구성요소화면에 표시되는 모든(텍스트, 이미지, 버튼 등) 요소는 뷰의 한 종류뷰는 다른 뷰를 포함 할 수 있음Core Components아래는 core components의 핵심 구성 요소 이다.React NativeAOS ViewIOS ViewWEB AnalogDescriptionA non-scrolling Flexbox, 스타일, 일부 터치 처리 및 접근성 컨트롤을 지원하는 레이아웃을 지원하는 컨테이너텍스트 문자열을 표시, 스타일 지정 및 중첩하고 터치 이벤트 처리다양한 유형의 이미지를 표시여러 구성 요소와 뷰를..

2025. 5. 29.

Study

한 번에 끝내는 컴퓨터 공학 & 인공지능 복수전공 초격차 패키지 Online. 강좌를 공부한 내용의 요약입니다.서로 같은 집합의 정의A = B **⟷ [( ∀a ∈ A) ∈ B] ∧ [( ∀b ∈ B) ∈ A]집합 사이의 포함 관계Subset(부분 집합)집합 A의 모든 원소가 집합 B에 포함될 때, A는 B의 subset이라 한다.A ⊆ B ⟷ ( ∀a ∈ A) ∈ BSuperset한 집합의 모든 원소를 포함하는 집합. 부분집합과 반대되는 개념집합 B의 모든 원소가 집합 A에 포함될 때, A는 B의 superset이라 한다.A ⊇ B ⟷ ( ∀b ∈ B) ∈ AProper Subset(진 부분 집합)집합 A, B에 대해 A가 B의 subset이지만 완전히 같지 않을 때, A는 B의 proepr subse..

2025. 5. 29.