[TIL]21.12.17

모바일 메뉴와 로고, 즉 헤더가 스크롤해도 화면에 fixed하도록 다음과 같이 구현해봤다.

예시코드

// App.jsx

import "./styles.css";

export default function App() {
  return (
    <div className="App">
      <div className="testOne">
        <h1>모바일 메뉴와 로고</h1>
      </div>
      <h2 className="testTwo">
    	모바일 웹 콘텐츠들,...
      </h2>
    </div>
  );
}

//./styles.css

.App {
  font-family: sans-serif;
  text-align: center;
}
.testOne {
  background-color: red;
  width: 100vw;
  position: fixed;
  top: 0;
}

.testTwo {
  margin-top: 30vh;
}

vim

export 환경변수명=원하는 환경변수
O => 처음커서로 가서 편집모드
esc누르고 :wq 하면 저장 후 종료 :q 는 그냥 종료

bagjuhong@bagjuhong-ui-MacBookPro ~ % adb Android Debug Bridge version 1.0.41 Version 31.0.3-7562133 Installed as /Users/bagjuhong/Library/Android/sdk/platform-tools/adb

안드로이드 스튜디오로 react native build해서 apk파일 을 만들었으나 휴대폰에서 install이 되지 않음

apk build in react native doesn't install로 검색해서 얻은 자료
https://changwoos.tistory.com/593