전체 글

코딩하면서 혹은 공부하면서 들으면 좋은 '장작타는소리'

https://youtu.be/N_g3AiXF-q8 ASMR - 장작타는소리, 모닥불 8시간 연속재생 #Relaxation #Sleep 이번 영상은 이전에 업로드 되었던 영상으로 기존과 달리 검은화면으로 바뀌지 않습니다. 기존 영상은 며칠 이내 비공개로 전환 될 예정입니다. 양해바랍니다. youtu.be 8시간짜리니까 다 들을때까지만 버티면서 공부하면 딱.

9/5일 스파르톤 2차 참가!

오늘은 스파르톤이 있는날이다. 일이 끝나고 올라오는데 엄청밀렸다. 8시부터 시작인데 늦어도 한참 늦어버렸다. PM11:10 눈치 보면서 들어왔다ㅋㅋ 몰래 잠입성공! 아무도없는곳에 혼자 자리를 잡고 시작!ㅋㅋ ..했는데 몇개월만에 들어온 스파르톤 맵 돌아댕기다가 매니저님한테 걸렸다 00:08 벌써 위기..... 00:46 wegram 3주차 로그인 구현을 위해 파이어베이스 등록이 필요하다. 인증 방식설정을 위해서 Authentication 메뉴 활용 6:00 뻗어버렸다...ㅋㅋ 시간맞춰 일어난건 또 뭐지....완전 뻗어버렸다. 도저히 잠들것같아서 휴대폰 벨소리 최대로 했는데 못들을정도로 뻗어버렸다. 이럴시가..... 6:29 완전 꿀잠잤으니까.. 쓸쓸히 다시 시작! 로그인구현 플러쓰반은 복붙+설명이라 어렵..

EXPO]는 yarn

엑스포는 얀기반으로 운영이 되기때문에 얀으로 다운로드해야함. 최근 native-base가 업데이트되어서, 구글 검색으로 찾아 들어가게되시는 사이트는 3.0 즉, 최신 버전입니다. 최신 버전은 최신 리엑트 네이티브와 충돌이 나고 있으므로, 꼭 이 주소로 들어가 2.0 버전의 native-base를 살펴보시기 바랍니다. https://docs-v2.nativebase.io/docs/GetStarted.html NativeBase 도구 설치yarn add native-base@2 --save Expo 폰트 도구 설치expo install expo-font 폰트도구설치시 native-base@2로 설치해야 충돌이 없음 폰트오류로 찾지못하는 현상이 나타나는데 네이티브2.0 으로 설치해줘야 함. 3.0으로 했다면 ..

UI 키트 공부. Shoutem .스터디

Shoutem 3천5백개의 별을 받은 Shoutem은 UI 컴포넌트, 테마, 컴포넌트 애니메이션 세 부분으로 구성된 React Native UI Kit입니다. 이 라이브러리는 iOS 및 Android용 크로스 플랫폼 컴포넌트 세트를 제공하며, 모든 컴포넌트는 구성 가능하고 사용자 정의 할 수 있도록 제작되었습니다. 각 컴포넌트에는 rest와 일관되게 미리 정의 된 스타일이 있으므로, 복잡한 스타일을 수동으로 정의하지 않고도 복합적인 컴포넌트를 작성할 수 있습니다. Shoutem UI toolkitAn exhaustive UI component set that makes writing cross-platform React Native components as easy as it should be.shout..

하이퍼링크걸기

설치. npm i --save react-native-hyperlink https://www.npmjs.com/package/react-native-hyperlink react-native-hyperlink A component for react-native to make urls, fuzzy links, emails etc clickable www.npmjs.com 'react-native-hyperlink'

나만의꿀팁// 이미지 슬라이드 넣기

이제 혼자개발의 시작. 튜터님께서 도와주시던 모든게 끝났다. 같이 손잡고 이끌어주던 튜터님 없이 혼자 개발하기 시작했다. 새로운 앱개발이 아닌 현재 같이만든 앱에서 추가하고 빼고 하면서 조금 손볼예정이다. 조금씩이렇게 알아나가는것이 흥미를 잃지않는 방법이다. 혼자서 해결하고 찾아보는것에 익숙해진 후 완전히 새로운 앱을 개발해볼 생각이다. 정보를 제공하는데 사진한장으로는 뭔가 부족함을 느꼈다. 사진을 더 많이 보여주고자 이미지슬라이드를 추가해야 할것같다. 해야할 첫번째. npm i react-native-image-slider-box 두번째. yarn add react-native-image-slider-box 내 코드에 맞게 수정했다. images 배열(array)이 필요하다. this.state = {..

애드몹설치

expo install expo-ads-admob

코드리뷰//

console.disableYellowBox console.disableYellowBox = true; YellowBox 같은 무시되어도 앱이 실행이되는데 이상이 없는 에러들이 많이있는데 그것들을 무시할 수 있는 방법이 있다. console.ignoredYellowBox = ["Warning: Each", "Warning: Failed"]; Warning : Each Warning : Failed 각각에 대해서만 선택적으로 무시도 가능하다..는것같다. https://codedaily.io/tutorials/Disable-the-Yellow-Box-in-React-Native Disable the Yellow Box in React Native The Yellow warning box in React Na..

나만의꿀팁개발 - 버튼정렬이 안돼..

detail()}>자세히보기 remove()}>찜 해제 버튼끼리 묶었다. 그리고 버튼스타일을 지정해주기위해 버튼 스타일적용했다. 버튼정렬을해야하는데 .... buttonGroup:{ flexDirection:"row" } 간단했다.. 버튼을 묶는 하나의 view에 스타일을 적용해서 flexDirection을 적용하면 되는거였다. 여기에 자세히보기를 눌렀을때 디테일페이지 이동하게 적용하기위해서는 {navigation.navigate('DetailPage',{idx:content.idx})}}> 이전에 이용했던 TouchableOpacity 로 하나로 묶으면 될것같다. return( //카드 자체가 버튼역할로써 누르게되면 상세페이지로 넘어가게끔 TouchableOpacity를 사용 {navigation.na..

혼자하기]나만의꿀팁

1.찜한 데이터 모아서 보기방법 대강 스케치 브리핑. 첫번째. 파이어베이스에 들어간 찜한데이터를 불러온다. 방법은?: 메인페이지에 나오는 카드 보여주기를 이용하면 될듯하다. 설치하나 하는게 시간이 너무 오래걸려서 시간이 너무 많이 지났다. 내가 수정해야 할 파일은 LikePage.js . 추가해야할 것은 파이어베이스를 이용할것이므로 import 파이어베이스 해야함. import {firebase_db} from "../firebaseConfig" 찜한데이터 불러오기. 방법은? 아직 모름. 일단 메인페이지것을 불러와보자 firebase_db.ref('/like/'+user_id).once('value').then((snapshot) => { console.log("파이어베이스에서 데이터 가져왔습니다!!")..