얼렁뚱땅

Stack Navigation 이란? 현재 화면 위에 다른 화면을 쌓으면서 화면을 이동하는 것. push와 pop을 이용하기 때문에 stack이다. Stack Navigation 라이브러리 설치 npm i @react-navigation/stack 파일, 폴더 구성 screen 폴더 Mainscreen.js Result.js navigations 폴더 MainscreenStack.js MypageStack.js (추후 생성 예정) 기본 구조는 tab이나 drawer와 비슷하다. src 밖 App.js -> src/App.js -> navigations/index.js -> MainTab.js -> MainscreenStack.js -> Mainscreen.js, Result.js 페이지 가져오기! src..

Drawer Navigation 이란? 숨어있다가 필요할 때 화면 왼쪽 모서리 부분을 누르면 (또는 왼쪽에서 오른쪽으로 드래그를 하면) 나타나는 내비게이션 Drawer Navigation 라이브러리 설치 npm i @react-navigation/drawer 파일, 폴더 구성 (기본 뼈대 구성) 이미 tab navigation이 완성된 상태에서 drawer navigation을 구현하려고 한다. 내가 구현하고 싶은 구조 : 3개의 tab screen 중에서 한가지 tab에서만 drawer navigation이 작동하도록 만들고 싶다! 하지만 'combining tab and drawer navigation' 으로 검색하면 대부분 3개의 tab에서 모두 drawer navigation이 구현되는 예시만 있..

Tab Navigation을 위한 라이브러리 설치 npm i @react-navigation/bottom-tabs 파일, 폴더 구성 (기본 뼈대 구성) src 밖 App.js -> src 안 App.js -> navigations 폴더의 index.js -> MainTab.js -> Mainscreen.js, Mypage.js, Instagram.js 페이지 가져오기! src 밖 App.js import App from './src/App'; export default App; 모든 코드를 src 폴더 내에서 관리하는 것이 편해서 이렇게 했다. src/App.js import React from 'react'; import Navigation from './navigations'; export defau..

이번 실리콘밸리 인턴십에서 진행한 우리 팀 프로젝트의 이름이 Linist였다. 나는 프로젝트에 늦게 참여했기 때문에 이미 이름이 지어진 상태였고, 보자마다 당연히 ‘라이니스트’라고 읽었다. 그랬더니 팀원이 ‘리니스트’라고 알려주었다. ‘라이니스트’ VS ‘리니스트’ 왜??? 리니스트라고 읽지? 나는 왜 당연히 라이니스트라고 읽었을까? 의문이 들었다. 결론적으로 말하자면 미국 영어와 영국 영어의 발음 차이라고 볼 수 있다. 아래의 영어 단어를 읽어보자. 어떤 발음으로 읽는가? "direction" ‘다이렉션’ VS ‘디렉션’ "either" ‘아이더’ vs ‘이더’ "neither" ‘나이더’ vs ‘니더’ "mobile" ‘모바일’ vs ‘모블(빌)’ 어떤 차이가 있는지 찾아보니 이중모음 발음 현상이라고..