선초코

box-shadow platform.select styled.component 안된다. inline에서만 될꺼같다. style={Platform.select({ ios: { shadowColor: "#0000003C", shadowOpacity: 0.4, shadowOffset: { heigh import { Platform } from "react-native";

원격 브랜치 트래킹하는 로컬 브랜치 같은 이름으로 가져오기 $ git checkout -b [생성할 브랜치 명] [원격 브랜치 명] 기능 가져올 때 navigation을 구조 분해 할당하고 그 안의 메서드들을 또 구조분해 할당한다. 총 2번 구조 분해 할당 const MainPage = ({ navigation: { goBack, reset, navigate, setOptions } }) => { return ( ); }; navigate('MainPage')}> 메인 페이지로 reset({ index: 1, routes: [{ name: 'LoginPage' }, { name: 'EditPage' }], }) } > Reset Navigation goBack()}> 뒤로가기 setOptions({ ti..

리액트 네이티브 폰트를 적용하는 법 정익님 일타 특강 import * as SplashScreen from "expo-splash-screen"; import { loadAsync } from "expo-font"; SplashScreen.preventAutoHideAsync(); export default function App() { const [appIsReady, setAppIsReady] = useState(false); useEffect(() => { const prepare = async () => { await loadAsync({ "NotoSansKR-Regular": require("./assets/fonts/NotoSansKR-Regular.otf"), }); setAppIsReady..

CS 특강 메모리 A 함수 호출 -> 스택에 A 함수에 대한 지역변수, 파라미터들이 쌓임 A 함수 실행 완료 -> 스택에서 관련데이터 POP B 함수 호출 -> 스택에 B 함수에 대한 지역변수, 파라미터들이 쌓임 메모리가 다 차도 가상메모리가 컴퓨터가 계속 돌아가도록 보호해준다. 어떻게? 서로 각각 독립적으로 가상 메모리를 할당받는다. => 다른 프로세스의 가상 메모리를 침범할 일이 없다. 64비트 운영체제 기준으로 2^64만큼의 가상 메모리 공간을 사용할 수 있다. 2^32 = 4GB이라서 4GB이상의 램(메모리?)을 장착할 수 없었다. 8GB < 2^64 인데 어떻게 되는거지? 이때 디스크가 나온다. 그림 그리면서 공부하신대 페이지: 가상메모리에서 사용되는 메모리 영역을 일정한 크기로 나눈 블록 프레..

리액트 심화강의 내일 부터 프로젝트인데... ㅠㅠ 터미널에서 부터 리액트 앱 시작하기 code 하면 vscode 들어가지는거 다운받을 때 자동으로 설정되어있었는지 된다. code . 하면 해당 폴더를 불러오면서 vsCode 켜진닷! deprecated 소프트웨어에서, 어떤 기능이 아직까지 사용되고는 있지만, 신기능이 나왔기 때문에 조만간 사라지게 될 상태를 말한다. extra reducer 쓰면 맨날 이거 뜨면서 builder? 를 쓰라고 나오던데 extra reducer가 곧 사라진다는 말씀? http://egloos.zum.com/nemonein/v/5320574 npx create-expo-app rn-day2 code . eas update:configure (바로 expo에 자동 eas 프로젝트..

라이브 코딩 owner의 허용이 필요할 경우 대처 npx expo start --offline app.json에서 owner을 지우면 작성자가 누구이던지간에 들어갈 수 있다. 같은 단어 수정하기 원하는 단어 더블 클릭 = ctrl + shift + L 화면에서 우클릭 서식변경? 얕은복사를 한 다음에 필터링 하는 방식 setCard안에서 콜백함수를 사용해준다. setCard(prevCard => […prevCard].filter((card)=> card.id !== id)) navigation을 쓸 경우 프롭스로 state를 전달해주면 부모 자식 관계가 아니라, 자매관계가 되어서 그런지 state를 변경해주는 내용이 적용되지 않았다. context API를 쓰던지 redux를 쓰던지 해야되겠다. 리액트 네..

로컬 브랜치에 원격 브랜치 연결하기 git branch --set-upstream-to=origin/ seon onSubmitEditing 폰에서 QR 찍어서 실행하면 이런 디버깅 창이 자동으로 뜨고 콘솔 찍어서 내용을 확인 할 수 있다. uuid가 react-native에서 안 받아와져서 어제 속상했는데, 라이브 코딩하면서 조원분이 react에서 바로 import 해올 수 있다고 하셨다. 코드 공유해준대로 아래와 같이 이용하니까 uuid가 적용되었다! import { v4 } from "uuid"; 라이브 코딩에서 new year 카드를 조회해왔고, react-router-dom과 같은 역할을 하는 navigation으로 새페이지로 자동 이동한 후 카드를 조회하는 기능을 구현하는 것을 봤다. 혼자 na..

uuid 이용해보려고 했으나 불러와지지 않았다. https://velog.io/@bebrain/React-Native%EC%97%90-uuid%EC%82%AC%EC%9A%A9%ED%95%98%EA%B8%B0 React Native에 uuid사용하기 velog.io 팀원분들 말로는 리액트 네이티브 기본 라이브러리로 바로 불러올 수 있다고 하셨는데 아래 코드 만으는 실행이 되지 않았다. import uuid from 'react-native-uuid'; uuid.v4(); 그래서 라이브러리를 다운 받았는데 오류가 나서 뒤로 돌리기를 했다. npm install react-native-uuid 라이브 코딩한 코드 바탕으로 혼자 조회, 삭제, 수정을 시도했다. 근데 브랜치를 따서 했어야했는데 복붙해야겠다. 수정..

우왕 새해다~ 새해에는 새로 시작한다는 마음으로 초심 찾고 열시미 코딩해야징 최근에 의욕이 좀 떨어졌었는데 그럴 땐 함께 공부하는게 해결책이다. 다행히 이번에 새로 배정받은 조에서 아침9시에 어제 공부한 내용 정리하고 발표 오후3시에 라이브 코딩 오후 7시에 알고리즘 문제를 같이 풀기로 했다. 그리고 오후 9시에 모던자바스크립트 튜토리얼 읽는 스터디를 만들어서 같이 읽고 퀴즈 풀기로 했다. 굿 저번주에 세운 목표 css가 약한데 시간을 빨리 공부해서 맡은 부분 구현 잘하기 TIL 특강 때 배웠던 방식으로 TIL 쓰기 다른 사람이 쓴 코드도 원리 이해하기 달성했는지? css를 맘껏 공부하고 코드를 쓰지는 못했지만 내가 아는 수준에서 최대한 구현을 했다. 90프로 정도 완성을 하고 내가 잘 하지 못한 부분은..

React-Native 시작하기 expo go에서 create new project 한다 내 컴퓨터에서 넣어야하는 명령어 npm install --global eas-cli npx create expo-app 파일명 eas init --id 숫자숫자 npm start a를 눌러서 amulator가 뜨지 않고 저런 오류가 떴다. a를 누르는게 아닌가? Android SDK라는것이 아예 다운 받아져 있지 않아서 그 안에 있는 adb도 없다는 내용인 것 같다. Android SDK란? 안드로이드 SDK는 포괄적인 개발 도구를 포함하는 소프트웨어 개발 키트이다. 여기에는 디버거, 라이브러리, QEMU 기반 핸드셋 에뮬레이터, 설명서, 샘플 코드 및 튜토리얼이 포함된다. adbAndroid 디버그 브리지 안드로이..