개발을잘하는그날까지

안녕하세요. 개발을 하다 보면 폴더와 파일이 깊어지는 경우가 있습니다.

이런 식으로 ../../ 이 많아지면 복잡해집니다.

하지만 절대 경로를 사용하면 

이런 식으로 줄일 수 있습니다. 

그래서 오늘은 절대 경로 설정 방법에 대해 알아보도록 하겠습니다.

먼저 라이브러리를 설치해줍니다.

$ npm install babel-plugin-module-resolver -D

babel.config.js 파일에 들어가줍니다.

(babel.config.js 스크린샷)

아래의 코드를 복사한 뒤 붙혀 줍니다.

(root 부분에 원하는 경로를 넣으시면 됩니다. 저는 /src를 root로 설정했습니다)

(babel.config.js파일 스크린샷)

/src/components/MainComponent

이제 부터는 위 경로에 import를 하려면 아래와 같이 작성하시면 됩니다.

안녕하세요. 개발을 하다가 보면 상태 바 때문에 글씨가 겹쳐서 안 보이는 경우를 겪으신 적 있으신가요?

폰의 기종마다 상태 바의 크기가 달라 marginTop의 값을 몇을 주어야 할지 고민이죠..

그래서 오늘은 상태 바의 높이 값을 구하는 방법을 포스팅해보겠습니다.

(문제의 스크린샷)

먼저 라이브러리를 설치해줍니다.

$ npm install --save react-native-status-bar-height
# OR 
$ yarn add react-native-status-bar-height

이후 console을 창을 확인해 보면

(터미널 스크린샷)

갤럭시 S10의 경우 상태 바의 높이 값이 24인 것을 확인하실 수 있습니다.

(css 스크린샷)

감사합니다