- 전체보기(193)
- 코딩테스트(22)
- js(22)
- 자바스크립트(21)
- 리액트(9)
- React(9)
- express(7)
- 브루트포스(6)
- 완전탐색(6)
- 투포인터 알고리즘(6)
- JavaScript(5)
- ts(5)
- db(4)
- multer(4)
- install(4)
- library(4)
- error(4)
- 해쉬맵(3)
- ubuntu(3)
- mysql(2)
- 환경변수(2)
- algorithm(2)
- 이벤트(2)
- 배포(2)
- reduce(2)
- 슬라이딩 윈도우(2)
- 2차원배열(2)
- 인증(2)
- 이벤트핸들러(2)
- framework(2)
- ec2(2)
- git(2)
- html(2)
- Map(2)
- 명령어(2)
- push(1)
- 이벤트루프(1)
- 권한(1)
- linux(1)
- 순위알고리즘(1)
- 쿠키(1)
- lifecycle(1)
- 컴포넌트(1)
- nodemon(1)
- gitflow(1)
- 표현식(1)
- 알고리즘(1)
- initramfs(1)
- 엘리먼트(1)
- Office365(1)
- fileds(1)
- 라이프사이클(1)
- 우분투(1)
- dotenv(1)
- netstat(1)
- 정리(1)
- 함수표현식(1)
- RN(1)
- package.json(1)
- async(1)
- parameter(1)
- 소수판별(1)
- study(1)
- while(1)
- for(1)
- 네트워크(1)
- branch(1)
- ts-sequelize(1)
- method(1)
- deploy(1)
- 공식문서(1)
- Node(1)
- const(1)
- let(1)
- var(1)
- filter(1)
- loop(1)
- foreach(1)
- for...in(1)
- amend(1)
- uninstall(1)
- String(1)
- 기초문법(1)
- Big O(1)
- devDependency(1)
- bruteforce(1)
- State(1)
- 화살표함수(1)
- ms(1)
- CSS(1)
- cookie-parser(1)
- clone(1)
- fork(1)
- Expo(1)
- 렌더링(1)
- template(1)
- split()(1)
- for...of(1)
- 스택(1)
- array(1)
- 합성이벤트(1)
- 리액트컴포넌트(1)
- VS(1)
- Defer(1)
- substr(1)
- aws(1)
- JSX(1)
- cookie(1)
- 일급객체(1)
- 리눅스(1)
- 리액트네이티브(1)
- DFS(1)
- development environment(1)
- F1(1)
- Props(1)
- 큐(1)
- 깃허브(1)
- do~while(1)
- multer-s3(1)
- 기록(1)
- PR(1)
- 인접행렬(1)
- vscode(1)
- authentication(1)
- 생명주기(1)
- 터미널(1)
- scope(1)
- 문자열탐색(1)
- typescript(1)
- argument(1)
- 정규표현식(1)
- 한글깨짐(1)
- 배열(1)
- cors(1)
- gitError(1)
- web(1)
- cookieParser(1)
- math(1)
- diskStorage(1)
- substring(1)
- package(1)
- 깃에러(1)
- Sequelize(1)
- 별찍기(1)
- npm(1)
fatal: not a git repository (or any of the parent directories): .git
fatal: not a git repository (or any of the parent directories): .git현재 폴더에 git에 대한 정보를 담은 파일이 없기 때문에 발생하는 에러.$ git init 수행후 다시 $ git remote add 명령어 실행
[Diary App] MongoDB Realm
오픈소스로 모바일에 최적화된 데이터베이스 라이브러리이다.Realm의 데이터는 쿼리, 필터링, 상호연결이 가능하고 저장이 된다.Realm은 객체 형태로 데이터를 읽어오고 객체 형태로 DB에 저장이 가능하다.▶ Refer to https://docs.mongodb
[App-Diary] App-Diary
[React Native] 리액트 네비게이션 설치
npm install @react-navigation/nativenpm install react-native-screens react-native-safe-area-context
[React Native] 리액트 네이티브 설치
리액트네이티브 설치npx react-native init \[AwesomeProject]Metro 실행npm start || npx react-native startWhat is Metro?어플리케이션 실행npm run android || npm run ios
[React Native] Animated
value는 Animated.Value()를 쓴다.state에 value를 넣지 않는다value 값을 직접 정하지 않는다.Animated API를 사용하여 value값을 준다.Animatable components에만 Animation을 줄 수 있다.아무 컴포넌트에다가
[React Native] Install
리액트 네이티브 생성설치npx react-native init \[AwesomeProject]Metro 실행npm start || npx react-native start어플리케이션 실행npm run android || npm run ios
[React Native] 파라미터
▶ Passing parameters to routes https://reactnavigation.org/docs/params/navigation.setOptions는 헤더(타이틀) 변경 시에 사용합니다.▶ Refer to https://reactna
[ React Native] Swiper
https://github.com/reactrondev/react-native-web-swiper # Props loop swiper 끝까지 가면 맨 처음화면으로 돌아옴 timeout `` 2초마다 swiper controlsEnabled controlsEnabl
[Styled Components] DarkMode
스타일 컴포넌트에서도 다크모드를 적용할 수 있다현재 적용된 스키마를 확인한다<ThemeProvider />를 통해서 현재 테마의 다크모드 여부에 따라 적용한다<ThemeProvider />가 네비게이터 컨테이너를 감싸고 있기 때문에 하위 컴포넌트들에게 테마
[React Native] Styled Components
CSS 코드를 Native Component가 써도 스타일 적용됨npm i styled-components뒤에 /native는 꼭 써줘야함!\-> styled Components는 브라우저에서도 작동하기 때문에 native에서 사용하는 태그(?)를 위해서styled C
[React Navigation] Stack
npm install @react-navigation/native-stack● navigation prop > https://reactnavigation.org/docs/navigation-prop● Native Stack Navigator > https&#x
[React Navigation] tabBarIcon
▶ Refer to https://reactnavigation.org/docs/bottom-tab-navigatorFunction that given { focused: boolean, color: string, size: number } returns a R
[React Native] Icon
npm i react-native-vector-iconsandroid/app/build.gradle 추가android/settings.gradle 추가android/app/build.gradle 추가node_modules/react-native-vector-icons/
[React Native] DarkMode, themes
useColorScheme()react-native API▶ Refer to https://reactnative.dev/docs/usecolorschemeThemesreact-navigation▶ Refer to https://reactnavigati
[React Navigation] Bottom Tabs
npm install @react-navigation/bottom-tabsNavitaion을 사용할 때에는 NavigationContainer로 감싸주어야 한다.<Tab.Screen>의 name은 헤더와 하단 탭명, component는 내용을 나타낸다.
[React Native] Creating a new application
기본 뼈대npx react-native init AwesomeProjectigniteRN 앱을 생성해주는 CLI(Command-Line Interface)