컴공생의 다이어리

[React] Warning: Invalid DOM property `class`. Did you mean `className`? React에서 개발자 도구를 보니 Warning: Invalid DOM property `class`. Did you mean `className`?경고가 발생했다. React는 JSX 문법을 사용하기 때문에 기존 html 코드에서 사용했던 class가 아닌 className으로 변경해서 사용해줘야 해당 경고가 사라진다. Example 이런 식으로 코드를 작성하면 Warning이 발생한다. import React from 'react'; const Main = () => { return ( 이곳 ); }; 이를 해결하려면 아래와 같이 className을 사용해서 변경해야 한다..

react 화면 크기에 맞게 height 조절하기 화면을 줄이거나 늘렸을 때 화면 크기에 맞게 height를 조절하려면 리액트에서는 %로 설정하는 것이 아니라 vh를 사용해야 한다. 화면 크기에 딱 맞춰 높이를 전체로 지정하려면 아래와 같이 height를 100vh로 설정하면 된다. .temp { height: 100vh; } 만일 화면 크기에 대해 3/4만 영역을 차지하게 싶다면 height를 75vh로 설정하면 된다. .temp { height: 75vh; } https://codingmania.tistory.com/348 React에서 component 안에서 div의 height를 최대(100%)로 지정하는 방법 class App extends Component { render() { return..

Mac react native 개발 환경 구축 아래 블로그 게시물을 참고해서 따라가면 개발환경 구축을 어렵지 않게 할 수 있을 것이다. 한가지 미리 했으면 하는 것은 맥 OS 업데이트를 미리 하고 개발환경을 구축하는 것이 좋을 것 같다. 이유는 XCode 때문이다. 전에 한번 OS 버전이 낮아서 설치가 되지 않아서 헤매다가 설정 다 이상하게 바꿔놓아서 초기화한 적이 있었기 때문이다. 맥(Mac)에 react native 개발 환경 구축하기 react-native로 앱을 개발하기 위해 맥(Mac)에 개발 환경을 구축해 보고, react-native로 생성한 프로젝트가 잘 동작하는지 확인해 봅니다. dev-yakuza.posstree.com 그리고 위 블로그 게시물 중에 brew cask install ad..

react native error Failed to launch emulator. Reason: No emulators found as an output of emulator -list-avds 에러 mac으로 react native 프로젝트에서 android 시뮬레이터를 돌리려고 할 때 가끔씩 error Failed to launch emulator. Reason: No emulators found as an output of emulator -list-avds 오류가 발생했다. 나의 경우 terminal에 아래 명령어를 입력해주면 다시 잘 작동했다. source ~/.bash_profile

react native 경고창(warning) 숨기기 react native 코드를 작성후 시뮬레이터를 돌렸을 때 나오는 경고창을 숨기려면 index.js 파일에 아래 코드를 마지막에 삽입해주면 된다. console.disableYellowBox = true; https://machine-woong.tistory.com/280 리액트 네이티브 경고창 숨기기 render(){ console.disableYellowBox = true; } machine-woong.tistory.com