도각도각 필기노트

[Flutter] Row & Column 위젯 Row: 가로Column: 세로 MainAxisAlignment: 주축CrossAxisAlignment: 반대축 // 디폴트 속성 Row, Column위젯의 주축은 최대 크기를 차지하고 (스크린 전체 폭/너비) 반대축은 최소 크기를 차지한다. (자식 위젯의 크기) MainAxisAlignment 옵션start : 주축의 시작에 정렬한다end : 끝center : 중앙spaceBetween : 주축에서 위젯들 사이에 동일한 간격을 두고 정렬spaceAround : 주축에서 위젯들 주변에 동일한 간격을 두고 정렬spaceEvenly : 주축에서 위젯들 앞뒤 및 사이에 동일한 간격을 두고 정렬 CrossAxisAlignment 옵션startendcenterstre..

Andriod Studio 에서 Open iOS Simulator 를 클릭하면 원래 iOS 시뮬레이터가 실행되어야 한다. 그런데 로 뜨고 시뮬레이터 실행이 안될 때 해결책좌측 상단에 Simulator 라고 뜨는데 시뮬레이터 창은 뜨지 않을 것이다.File > Open Simulator 이 중 iPhone 기종을 선택해주면 된다.

출처 [2024 최신] [코드팩토리] [초급] Flutter 3.0 앱 개발 - 10개의 프로젝트로 오늘 초보 탈출! 강의 | 코드코드팩토리 | iOS 앱과 Android 앱을 코드 한번만 작성해서 모두 제작한다! 코드팩토리의 Flutter 초보 탈출 강의! 디테일한 이론과 흥미로운 프로젝트를 진행하며 탄탄한 기본기 쌓기!, 10개의 프로젝www.inflearn.com 인프런에서 모바일 앱 개발 Flutter 강의를 듣기 시작했다. 강의를 들으면서 새롭게 알게 된 내용 위주로 간단히 정리하고자 한다.  안쓰면 까먹는걸 알기에.. 내 뇌를 위해 쓰는 글  변수dynamicvoid main() { // dynamic 선언 변수는 여러 타입으로 변수 할당 가능 dynamic name = '홍길동'; va..

VSCode 익스텐션으로 Chat GPT 기능이 들어왔다고 한다. 간단하고 재미난 프로그램을 하나 만들고 싶었다. 뭐 만들지 생각하다가 술자리 병돌리기 프로그램을 한번 만들어보려고 한다. 버튼을 누르면 술래를 지목해주는 그런 프로그램.. ㅋㅋ VScode에 익스텐션으로 들어와있는 chat GPT 기능이 여러개가 있는데, 그 중에 easycode - chatGPT를 활용해봤다. 다운로드 수가 많았고, 로그인이 필요 없다고 해서 이걸로 골랐다. 입문자들이 사용하기 좋을 듯하다. 나는 로그인을 해서 사용하긴했는데 불편한 점은 대화 내역을 확인할 수 없다는 것.. 그리고 가끔 연결이 끊기고 질문이 밀리는 등 버그도 꽤 있었다. 점차 개선되겠지..! 바로가기 결과물 전체 코드 및 github 링크 나는 three..

TIL 22.08.29 현재 프로젝트에서 무한스크롤을 구현해야하는 기능이 있다. 홈 스크린 상단에는 배너, 검색바, 리스트 필터링하는 버튼들이 있고, 그 아래에 무한스크롤로 구현된 리스트를 렌더링 해야 한다. 지난 TIL에서 우선 FlatList와 ScrollView의 차이점부터 알아보았다. 서칭해보니 무한스크롤 기능을 위해서는 대부분 FlatList를 사용함을 알 수 있었다. 왜냐하면 FlatList의 onEndReached prop가 리스트 하단에 스크롤이 머문 것을 인식하고 그에 따른 이벤트를 불러올 수 있기 때문이다. 하지만 ScrollView에는 이러한 prop가 없다. 처음에는 홈 스크린 전체는 ScrollView로 두고, 내부 리스트를 렌더링하는 부분은 FlatList를 쓰면 되겠다고 생각했..

TIL 22.08.28 ScrollView와 FlatList의 차이점을 알아보자 ScrollView https://reactnative.dev/docs/scrollview ScrollView · React Native Component that wraps platform ScrollView while providing integration with touch locking "responder" system. reactnative.dev ScrollView renders all its react child components at once, but this has a performance downside 공식문서에 나와있다시피 ScrollView는 화면 상관없이 모든 요소를 한번에 렌더링하기 때문에 성능 ..

TIL 8/23 https://reactnavigation.org/docs/getting-started https://reactnavigation.org/docs/getting-started/ reactnavigation.org npm install @react-navigation/native npm install react-native-screens react-native-safe-area-context 공식문서에 따라 필요한 패키지와 라이브러리를 설치해준다. App.js import * as React from 'react'; import { NavigationContainer } from '@react-navigation/native'; export default function App() { re..

설치 OS : macOS Monterey 12.5 node : v16.16.0 npm : 8.11.0 watchman : 2022.08.15.00 xcode : 13.4.1 cocoapod : 1.11.3 react-native : 8.0.6 openjdk14 javac : 14.0.2 내 핸드폰 기종이 iPhone이라 Xcode를 이용하여 React Native 개발 환경 구축을 진행하였다. 더보기 [MAC M1] React Native 개발 환경 구축 및 에러 해결 Homebrew Homebrew : https://brew.sh/ Homebrew 사이트에서 설치한 후 터미널에서 위의 명령어를 통해 설치 및 버전을 확인합니다. 정상적으로 설치되었다면 다음과 같이 버전을 확인할 수 있습니다. ![](ht..