All Stories

Deep Dive Real App

Deep Dive Real App그림자 설정 React Native에는 boxShadow가 없음 Android : elevation iOS : shadowColor, shadowOffset, shadowOpacity, shadowRadius

In React Native, Aug 08, 2024

Debugging

Debugging 터미널, 애뮬레이터 확인 console.log 추가하기(함수를 넣으면 값이 출력되거나 변수나 상태의 값이 출력됨) 터미널에 m누르면 애뮬레이터에 메뉴가 뜸 Open JS Debugger 활용 sudo npm install -g react-devtools : React 개발자 도구의 독립된 버전 re...

In React Native, Aug 07, 2024

React Native Basics3

React Native Basics3Handle Taps with Pressable Pressable 컴포넌트 : 아이템을 터치할 수 있게 인식시켜줌(Touchable, TouchavleHighlight, TouchableNativeFeedback, TouchableOpacity등 다양한 컴포넌트가 있으나 Touchable ...

In React Native, Aug 06, 2024

React Native Basics2

React Native Basics2iOS & Android 스타일링의 차이점-React Native는 Text 컴포넌트를 해당하는 네이티브 위젯 즉 네이티브 UI요소로 전환하는데 Android에서는 전환된 후 둥근 모서리로 나타나지만 iOS에서는 기본 네이티브 텍스트 출력 요소가 둥근 모서리를 지원하지 않음 =>...

In React Native, Aug 05, 2024

React Native Basics

React Native Basicsnpm install : 프로젝트에 필요한 의존성 설치index.tsx패턴과 App.js패턴 차이 진입점(Entry Point) 및 라우팅 방식:App.js 패턴:기존의 리액트 네이티브 앱에서는 App.js가 기본 진입점(entry point)으로 사용되었습니다. 이 파일에서 앱의 모...

In React Native, Aug 02, 2024

Setup

React Native란리액트 네이티브(React Native)는 Facebook에서 개발한 오픈 소스 프레임워크로, 자바스크립트를 사용하여 모바일 애플리케이션을 개발할 수 있도록 해줍니다. 리액트 네이티브는 웹 개발에서 사용되는 리액트(React) 라이브러리를 기반으로 하며, iOS와 Android와 같은 다양한 모바일 플랫...

In React Native, Aug 01, 2024

Review

함수 선언(function)과 함수 표현식(const를 사용한 방법)의 차이 호이스팅함수 선언: 함수 선언은 호이스팅됩니다. 즉, 함수 선언문은 코드의 어느 부분에서든 호출할 수 있습니다. console.log(greet("Alice")); // "Hello, Alice!" function greet(name) { ...

In Clone Coding, Jul 24, 2024

Cloudflare Workers

Cloudflare Workers serverless 플랫폼

In Clone Coding, Jul 18, 2024

Deployment

DeploymentIntroduction Vercel에 배포 PostgreSQL 데이터베이스를 포함하는 serverless 스토리지 서비스를 사용할 예정 무료 배포 가능 준비 : Vercel 가입하기, GitHub에 코드 push

In Clone Coding, Jul 17, 2024

NextJS Extras

Live Streaming 16강 참고NextJS Extras 프로젝트에서 다루지 않은 NextJS의 부차적인 기능들을 다룸Fonts 대부분 구글 폰트를 사용함

In Clone Coding, Jul 16, 2024

Featured