분류 전체보기 205

[React Native] 리액트 네이티브에서 전역 상태 관리하는 방법 - Context API, useContext

오늘은 7장 Context API에 대해 알아보겠다 😁 Context API 이전 포스트에서 Hooks의 여러 함수를 통해 컴포넌트에서 상태를 관리하는 방법에 대해 알아보았다. Context API는 데이터를 전역적으로 관리하고 사용할 수 있는 기능이다. 이번 포스팅에서는 Context API를 이용해서 상태를 전역적으로 관리하는 방법에 대해 알아보겠다. 1. 리액트 네이티브에서의 전역 상태 관리 일반적인 리액트 네이티브 애플리케이션의 경우 데이터는 부모 컴포넌트에서 자식 컴포넌트로 전달된다. 하지만 자식 컴포넌트에서는 부모로부터 받은 데이터를 변경할 수 없으므로 데이터를 전달받은 과정의 역순으로 App 컴포넌트(최상위 컴포넌트)에 데이터 변경 요청을 전달해야 한다. 💢 하지만 딱 봐도 위의 방법으로 상..

[React Native] 리액트 네이티브 Hooks (useState, useEffect, useRef, useMemo)

오늘은 6장 Hooks에 대해 알아보겠다 😁 Hooks 리액트 Hooks은 리액트 16.8, 리액트 네이티브 0.59 버전부터 사용할 수 있는 기능이다. Hooks를 이용해서 함수형 컴포넌트에서도 상태를 관리할 수 있게 되었다. 1. useState 주로 컴포넌트들의 상태를 관리하기 위해 useState 함수를 사용한다. const [state, setState] = useState(initialState); useState 함수를 호출하면 파라미터로 전달한 값을 초깃값으로 갖는 상태 변수(state)와 그 변수를 수정할 수 있는 세터 함수(setState)를 배열로 반환한다. useState 함수는 관리해야 하는 상태의 수만큼 여러 번 사용할 수 있다. ✅ 상태를 관리하는 변수는 반드시 세터 함수를 이..

[React Native] 리액트 네이티브로 ✅TODO List 만들기

5장 할 일 관리 애플리케이션 만들기 이번 장에서는 4장까지 배운 내용을 바탕으로 TODO List 어플리케이션을 만들어보겠다. 5.0 애플리케이션 개요 5.0.1 파일 디렉토리 구조 ├── src │ ├── components │ │ ├── IconButton.js │ │ ├── Input.js │ │ └── Task.js │ ├── App.js │ ├── images.js │ └── theme.js │ ├── assets │ └── 이미지 파일들 └── App.js 5.0.2 세부 기능 등록: 할 일 항목을 추가하는 기능 수정: 완료되지 않은 할 일 항목을 수정하는 기능 삭제: 할 일 항목을 삭제하는 기능 완료: 할 일 항목의 완료 상태를 기록하는 기능 5.0.3 실행 화면 다음은 미리 맛보기로 이 ..

[Java] 자바의 GUI 응용프로그램과 Swing 패키지

8장 자바 GUI 스윙 기초 내용 정리 목차 ☕ 자바의 GUI와 스윙(Swing) 응용프로그램 시작하기 1️⃣ 자바의 GUI GUI 응용프로그램이란? AWT와 Swing 패키지 스윙 GUI 응용프로그램 샘플 2️⃣ 자바의 GUI 패키지 GUI 패키지 계층 구조 컨테이너와 컴포넌트 3️⃣ 스윙 GUI 프로그램 만들기 1. 스윙 프레임 작성 2. 프레임에 컴포넌트 붙이기 ☕ 자바의 GUI와 스윙(Swing) 응용프로그램 시작하기 1️⃣ 자바의 GUI GUI 응용프로그램이란? GUI(Graphical User Interface)란 이미지 혹은 그래픽으로 그린 버튼, 메뉴 등이 있는 화면에 마우스와 같은 입력 도구를 이용하여 사용자가 편리하게 입출력할 수 있도록 만든 사용자 인터페이스이다. 자바는 어떤 언어보다..

[깃헙왕초보] 디렉토리에 화살표 표시가 있을 때 (폴더가 클릭이 안 될 때)

깃허브 자꾸 내맘처럼 안 돼서 한동안 방치하고 있었는데 올해가 가기 전에 완전히 박살을 내버려야겠다 짱나서 안되겠음. 1️⃣ 문제 디렉토리가 푸쉬되는 과정(? 잘 모르겠다 어디서 문제인지)에서 문제가 생겨서 디렉토리에 화살표 표시가 생기고, 디렉토리에 접근이 되지 않는 문제가 발생했다. git add 폴더 입력해서 스테이징 시킨 다음에 커밋 푸쉬했는데 왜 이렇게 될까?😥 2️⃣ 원인 .git 폴더 때문인데, 내 로컬 저장소의 폴더는 다음과 같다. react-native-study 에도 .git 폴더가 있고 react-native-study/react-native-component 폴더에도 .git 폴더가 있다. 해당 폴더 그니깐 상위폴더가 아닌 해당 폴더에 .git 폴더가 생겨서 발생하는 문제이다. 이미..

Unable to resolve module @react-native-async-storage/async-storage 에러 해결

Unable to resolve module @react-native-async-storage/async-storage 에러 해결 💢 How I got this Error 오류는 다음과 같다 expo install @react-native-community/async-storage 위 코드를 cmd창에 입력해서 모듈을 설치해주고, npm start해서 아이폰에서 expo를 실행시키려고 하는데 자꾸 오류가 발생하는 것이다 ㅜㅜ package.json 파일에 모듈 이름과 버전이 나와있는 거 보면 모듈 설치는 잘 된 듯 하다. 뭐가 문제인지 모르겠다. 한글로 된 관련 문서는 없는 듯하니 이제 영어로 열심히 구글링해봐야겠다! ✅ Solution 패키지가 변경되면서 발생하는 에러이다. @react-native-c..

반응형