Study/TIL
-
20.09.07:: TIL (react-native webview)Study/TIL 2020. 9. 7. 18:17
github.com/react-native-community/react-native-webview/blob/master/docs/Getting-Started.md 오늘의 한 일 react-native webview 활용 새롭게 배운 것 WebView란?! -> 어플리케이션 화면상에 내가 띄우고 싶은 웹페이지를 어플리케이션 안에서 보여주는 프레임을 말한다. 즉, link로 연결하지 않고 바로 내 어플 안에서 페이지를 보여줄 수 있다. react -natived에서 사용할 수 있는 React-native webview 라이브러리가 있다. react-native webview -reborn 라이브러리도 있는데, 이 버전 라이브러리를 깔아서 사용했더니 계속해서 모듈 에러가 났다. 구글링해도 이와 같은 에러가 별..
-
20.08.29:: TILStudy/TIL 2020. 8. 29. 16:56
오늘의 한 일 React Native xcode 여는 방법 (이걸 몰라서... 5시간을 날림...) RN app testfligt 에 upload touchbleOpacity -> hitSlop이용 새롭게 배운 것 HitSlop - 어플을 만들다 보면 터치하는 영역이 좀 더 확장되어야 터치가 이루어진다는 걸 알게 될 것이다. 딱 아이콘 에만 onPress 함수를 걸었더니 진짜 아이콘만 터치해야 함수가 작동했다. 아이콘을 넘어가는 다른 부분에는 다른 click 실행이 이루어졌다. 그래서 touchble opacity 태그를 활용해서 hitslop을 걸어주니 그 만큼 touchable 영역이 확장되었다. React native cli 버전은 xcode 열 때 ".xcworkspace"로 xcode를 열어야 ..
-
20.08.27:: TILStudy/TIL 2020. 8. 29. 16:56
오늘의 한 일 기업협업 어플 1. add, delete 기능 fetch 문제 에러핸들링 2. 리덕스를 아직 사용하지 못하기 때문에, tab.navigation 전환마다 새로운 fetch 를 불러서 bookmark의 상태를 관리한다. 3. eventList page로 이동했을 때 useEffect 핸들링 새롭게 배운 것 1. add, delete 기능 fetch 문제 에러핸들링 : fetch 할 때, 항상 백엔드와 소통을 한번 더 체크하자.. 정보를 body에 담아서 주기로 얘기했었는데, fetch 가 안되고 있었다. (전달해주어야 하는 parameter 중 하나가 miss 되어서 계속 형태의 이상한 오류결과들이 response로 왔다. 쿼리스트링으로 해보려고 시도했었으나, body에 동일한 정보를 넣은 ..
-
20.08.22:: TILStudy/TIL 2020. 8. 22. 21:43
오늘의 한 일 React Native Udemy 강의 새롭게 배운 것 navigation에서 push와 navigate는 다르다! navigate는 이동하는 방향과 현재 페이지가 같은 경우 렌더링이 되지 않지만, push는 무조건 새로운 화면을 불러와 그 화면들이 stack이 된다. 즉, 같은 페이지에 있더라도 누를 경우, 화면이 stack되어서 뒤로가기를 눌러도 같은 페이지인 이전 화면이 렌더될것. FlatList -> 배열을 태그의 리스트로 바꾸는 역할을 함. -> 'data' 속성을 전달해 주어야 함. (우리가 태그로 생성할 데이터 배열) -> 'renderItem' 속성도 필요함. (각 item을 각각의 태그요소로 변환시키는 기능) -> 만약 웹 React를 사용하다 왔다면, 여러분은 'mappi..
-
20.08.20:: TILStudy/TIL 2020. 8. 20. 16:51
오늘의 한 일 React Native 첫 수업 수강 새롭게 배운 것 Scroll View 궁금한 것 react native에서는 arrow function이 안되나? SafeAreaView는 app.js에서 한번만 사용하면 되는가. 기업협업 이번주 부터 기업협업에 나가고 있다. 외국인 코워커들과 함께 일하는 것도 재미있는 것 같다. react native를 사용해야해서 오늘 we code day 에서 리엑트 네이티브 수업을 처음 관희님께 들었는데, wow.. 우린 네이티브 전사라뉘ㅎㅎㅎ react native는 경력 많은 사람이 3년차 정도일거라한다. 그래서 스스로 해결해야하는 문제도 많고, 공식문서를 무조건 친구삼아 해야한다고 한다. 그렇지 않아도 기업에 프론트엔드 사수가 없어서 질문할 곳이 없어 부담..
-
20.08.19:: TILStudy/TIL 2020. 8. 19. 19:24
오늘의 한 일 React Native 첫 수업 수강 새롭게 배운 것 React Native란 expo 란 React native와 react의 비슷한 것과 다른 것들 궁금한 것 react native에서는 arrow function이 안되나? SafeAreaView는 app.js에서 한번만 사용하면 되는가. 기업협업 이번주 부터 기업협업에 나가고 있다. 외국인 코워커들과 함께 일하는 것도 재미있는 것 같다. react native를 사용해야해서 오늘 we code day 에서 리엑트 네이티브 수업을 처음 관희님께 들었는데, wow.. 우린 네이티브 전사라뉘ㅎㅎㅎ react native는 경력 많은 사람이 3년차 정도일거라한다. 그래서 스스로 해결해야하는 문제도 많고, 공식문서를 무조건 친구삼아 해야한다고..
-
20.08.11:: TILStudy/TIL 2020. 8. 11. 14:12
오늘의 한 일 superfluid 장바구니 애니메이션, 마이페이지 UI 구현 새롭게 배운 것 [], {} 빈 배열, 빈 객체의 Boolean 값은 true이다! 😵 2차 프로젝트를 하면서 아래와 비슷한 조건문을 작성하였다. const arr = []; arr ? "ture" : "false"; 내 생각으로는 arr가 false가 나와야하는데, 자꾸 true가 나오는 것이었다. 알고보니, 빈 배열, 빈 객체는 boolean 값이 true였다. true라는 것을 지금까지 몰랐다니... boolean 값이 false인 경우는 아래와 같다. 알고 있었지만 다시 한번 상기해보자. var bNoParam = new Boolean(); var bZero = new Boolean(0); var bNull = new B..
-
20.08.10::TILStudy/TIL 2020. 8. 10. 14:38
오늘의 한 일 superfluid 장바구니 기능 구현 보완해야할 부분 함수 호출과 함수 자체를 적는 코드에 대해 조금 헷갈리고 있는 것 같다. 함수선언 function square(number) { return number * number; } # 함수호출 square(1); # 함수실행 console.log(() => square(2)); // function console.log(square(2)); // 4 console.log(square); // function:square 콘솔에 "() => {}" 이런 형태로 작성한다면 콘솔 결과에는 "함수" 자체가 출력된다. 함수에 인자값을 넣어 결과를 호출하고 싶다면 "함수명(인자)"를 입력해야한다. 만약, 함수명만 입력한다면 "함수: 함수명" 과 같은 ..