All Stories

Reference Note

reference note리렌더링에 값 유지하기 일반변수(const, let) : 컴포넌트가 리렌더링될 때마다 새로운 값으로 초기화 useState : 리렌더링이 발생해도 상태 값이 유지되지만, 값이 변경되면 컴포넌트가 다시 리렌더링(예시 : 사용자가 폼에 입력한 값이 수정할 때 지워지지 않고 남아있다) useRef : ...

In React Native, Oct 29, 2024
Reference Note

Push Notifications

Push NotificationsLacal Notifications 로컬 알림 : 앱이 설치된 기기에서 설치된 앱이 트리거하는 알림앱 내부에서 간단히 알림 일정을 설정하고 전송을 구성하고 기기에서 알림을 수신했을 때 동작을 설정할 수 있다. (ex : 알림, 알람 등) Expo Notification을 사용. s...

In React Native, Sep 13, 2024
Push Notifications

Publishing React Native Apps

Publishing React Native Apps Expo로 관리된 앱과 Expo를 사용하지 않는 앱 구분 Expo를 사용하면 Expo가 제공하는 서버로 빌드 프로세스를 아웃소싱할 수 있음 Expo클라우드 서비스를 사용해서 iOS, Android 각각의 환경에 맞게 빌드 Expo를 사용하지 않을 경우 : 앱...

In React Native, Sep 11, 2024
Publishing React Native Apps

React Native Without Expo

React Native Without ExpoExpo 애뮬레이터에 설치해서 개발 과정을 미리 볼 수 있는 장점이 있음 하지만 실제 실행 가능한 앱이 아님독립형 앱을 개발하고 퍼블리싱 하는 방법도 있음Expo "Managed Workflow" : Expo Go사용, 앱에 내장된 요소가 많아서 네이티브 기기 기능 등 특정 기능...

In React Native, Sep 10, 2024
React Native Without Expo

Using Native Device Features

Using Native Device Featuresnative-features 프로젝트, 주석 참조npm install @react-navigation/native expo install @react-navigation/native-stack카메라 npx expo install expo-image-pickerapp.json ...

In React Native, Sep 07, 2024
Using Native Device Features

User Authentication

User Authentication 인증원리 : 사용자가 인증 양식을 작성하고 제출하면 크리덴셜이 HTTP요청과 함께 백엔드 API로 전송되고 백엔드에서 해당 크리덴셜의 유효성이 검사됨백엔드에서 크리덴셜이 바른 것으로 확인되면 인증 토큰 생성 후 모바일 기기로 다시 전송 백엔드 앱 -> Node.js 강의 참조...

In React Native, Aug 27, 2024
User Authentication

Expense Tracking App

Expense Tracking App🛠️error fix Expo를 사용하면 React Native 프로젝트에서 모듈을 설치하고 구성하는 데 필요한 작업이 자동으로 처리된다. expo가 환경을 설정하고 필요한 네이티브 종속성을 관리할 수 있게 실행한 채로 설치 명령어를 실행해야 누락되지 않고 안정적으로 작동한다.Xcode si...

In React Native, Aug 23, 2024
Expense Tracking App

Redux & Context API

Managing App-Wide State with Redux & Context APIReact Native에서 Redux와 React의 Context API는 상태 관리에 사용되는 도구로, 둘 다 글로벌 상태를 다루는 데 유용하다.Redux애플리케이션의 상태를 관리하기 위한 예측 가능한 상태 컨테이너. 주로 대규모 애...

In React Native, Aug 19, 2024
Redux & Context API

Navigation

React Native Apps & Navigation내비게이션 방식웹 브라우저 :웹 브라우저에서는 주소(URL)을 통해 페이지를 이동 사용자는 브라우저의 뒤로 가기 버튼을 눌러 이전 페이지로 돌아갈 수 있으며, 브라우저의 주소창에 새로운 URL을 입력하거나 링크를 클릭하면 다른 페이지로 이동URL이 페이지의 주요 상태...

In React Native, Aug 16, 2024
Navigation

Adaptive & Responsive UIs

Adaptive & Responsive UIs (Building Cross-Platform & Device User Interfaces)동적 너비 설정하기 maxWidth, minWidth 등을 사용해서 크기에 따라 반응하도록 설정(부모 컨테이너가 기준)Dimensions API import해서 react-n...

In React Native, Aug 13, 2024
Adaptive & Responsive UIs

Featured

  1. Authentication, deployment of AWS EC2 and RDS, ERD, and performance testing
    In Express, AWS,
  2. Express with Database
    In Express, AWS,
  3. Express with AWS
    In Express, AWS,
  4. Transaction and Migration
    In PostgreSQL,
  5. Performance Optimization and Data Exploration Tools
    In PostgreSQL,
  6. Schema Design
    In PostgreSQL,
  7. Learning Data Types, Functions, Installation, and Management Tools
    In PostgreSQL,
  8. SQL Query Techniques: GROUP BY, Subqueries, and More
    In PostgreSQL,
  9. Foreign Key, Joins and Constraints Around Deletion
    In PostgreSQL,
  10. SQL Statements
    In PostgreSQL,
  11. Reference Note
    In React Native,
  12. Push Notifications
    In React Native,
  13. Publishing React Native Apps
    In React Native,
  14. React Native Without Expo
    In React Native,
  15. Using Native Device Features
    In React Native,
  16. User Authentication
    In React Native,
  17. Expense Tracking App
    In React Native,
  18. Redux & Context API
    In React Native,
  19. Navigation
    In React Native,
  20. Adaptive & Responsive UIs
    In React Native,
  21. Deep Dive Real App
    In React Native,
  22. Debugging
    In React Native,
  23. React Native Basics3
    In React Native,
  24. React Native Basics2
    In React Native,
  25. React Native Basics
    In React Native,
  26. Setup
    In React Native,
  27. Review
    In Clone Coding,
  28. Cloudflare Workers
    In Clone Coding,
  29. Deployment
    In Clone Coding,
  30. NextJS Extras
    In Clone Coding,
  31. Realtime Chat
    In Clone Coding,
  32. Optimistic Updates
    In Clone Coding,
  33. Caching
    In Clone Coding,
  34. Modals
    In Clone Coding,
  35. Product Upload
    In Clone Coding,
  36. Products
    In Clone Coding,
  37. Social Authentication2
    In Clone Coding,
  38. Social Authentication
    In Clone Coding,
  39. Authentication2
    In Clone Coding,
  40. Authentication
    In Clone Coding,
  41. Prisma
    In Clone Coding,
  42. Validation2
    In Clone Coding,
  43. Validation
    In Clone Coding,
  44. Server Actions
    In Clone Coding,
  45. Authentication UI
    In Clone Coding,
  46. Tailwind3
    In Clone Coding,
  47. Tailwind2
    In Clone Coding,
  48. Tailwind
    In Clone Coding,
  49. Project Setup
    In Clone Coding,
  50. Inserting Invisible Watermarks
    In CodeStudy,
  51. Setting Up Frontend Development Environment
    In WebDev,
  52. Backend Documentation
    In WebDev,
  53. Modify Sign-Up Router & Administrator Permission Configuration
    In WebDev,
  54. Implement Data Modification, Deletion, and User Registration
    In WebDev,
  55. Modify File Upload, Implement List and Detail Pages
    In WebDev,
  56. Implementing File Upload
    In WebDev,
  57. Interpreter Settings
    In WebDev,
  58. Development Order and Endpoints
    In WebDev,
  59. Project Planning
    In WebDev,