FE58 [ React ] 생명주기 @ 궁금 > 영어를 잘봐라 @ 공부 https://velog.io/@kyusung/%EB%A6%AC%EC%95%A1%ED%8A%B8-%EA%B5%90%EA%B3%BC%EC%84%9C-%EC%BB%B4%ED%8F%AC%EB%84%8C%ED%8A%B8%EC%99%80-%EB%9D%BC%EC%9D%B4%ED%94%84%EC%82%AC%EC%9D%B4%ED%81%B4-%EC%9D%B4%EB%B2%A4%ED%8A%B8 import React from "react"; class Content extends React.Component { constructor(props) { super(props); } componentWillMount() { console.log("Component WILL MOUNT!"); } .. 2019. 11. 13. [ React-Native ] Style @ 이유? html 하고 다른 부분도 있고 html 에서 안다고 해도 잘 모르고 있던 부분이 많아서 정리 1. alignContent 2. alignItems 3. textAlign > react-native 에서 text를 중앙에 두기 위한 방법 4. ...StyleSheet.absoluteFillObject, > position: 'absolute', left: 0, right: 0, top: 0, bottom: 0 을 반복적으로 쓰기 싫을때 대신 커스텀으로 만들수도 있다. 5. Align Items Align Items는 배치방향(Flex Direction)으로부터 수직한 정렬을 뜻합니다. column(세로 배치)라면 가로 정렬을 뜻하고, row(가로 배치)라면 세로 정렬을 뜻합니다 Justify .. 2019. 11. 11. [ React-Native ] 오류 정리 @ 리액트 네이티브가 오류가 너무 많아서,, 하나하나 좀 정리 하려고 한다. 리액트에서는 특히 yarn 을 사용하는 것이 좋다... 1. react-navigation V4 부터는 세분화 되었다고 합니다. v3 에는 react-navigation import { createAppContainer } from 'react-navigation'; import { createStackNavigator } from 'react-navigation-stack'; 이렇게 사용해줘야 한다. 그리고 공식 사이트에 link를 걸어줘야 하는 경우도 있고 없는 경우도 있다. > link 를 걸어주게 된다면 ios podfile 에 path가 추가 하게 된다. 그리고 pod install 을 하면 된다. 추가적으로 ios 에.. 2019. 11. 11. [ React-Native ] Pixel Density @ 궁금한 이유 > 리액트 네이티브를 하면서 디바이스별로 다른 사이즈와 pixel 때문에 @ 공부 1. pixel pixel 에 대한 개념은 모두 동일 하지만 기기에 따라서 갖고 있는 픽셀의 개수와 크기가 다르기 때문에 dp 를 이용해서 맞춰줘야 한다. 개념 정리 1. 화소 > 영어로 pixel 이다. 1000만 화소, 1600만 등의 용어에 사용한다. pixel ( picutre Element ) 의 준말이다. 1화소 = 1픽셀 하나는 Red,Green,Blue 투명도 등의 색정보를 갖는다. 픽셀을 사용하는 대표적인 포맷이 BMP,GIF,JEPG,PNG 등 우리가 흔히 잘 알고 있는 사진 파일들이 되겠다. 이를 비트맵 이미지라고 부른다. 2. 해상도 > 영어로 resolution 이다. 가로와 세로에 .. 2019. 11. 7. 이전 1 ··· 5 6 7 8 9 10 11 ··· 15 다음
