선초코

| => 파이프 연산자 or의 뜻을 가지고 있다. Union 타입의 장점 type.ts 라는 파일을 만들어서 거기다가 custom type들을 몰아넣어놓고 export 해서 쓴다. slice와 splice 메소드에 대해 https://www.daleseo.com/js-array-slice-splice/ 자바스크립트 배열의 slice()와 splice() 함수 Engineering Blog by Dale Seo www.daleseo.com 배열 구조분해 할당은 const [a,b] = arr 객체 구조분해 할당은 const {a,b} = obj 스파르타 강의는 다 들었는데, 유데미 강의 들으면서 리액트랑 어떻게 연결하는지 써봐야지 npx 명령어를 쓰니까 뭐를 더 깔아라고 한다. npm install -g ..

기술면접 대비 MPA: 클라이언트 사이드에서 브라우저에 무언가를 요청할 때 마다 HTML 파일 전체를 서버에서 받아와서 화면에 뿌려준다. 껌뻑거리는 것을 볼 수 있다. SPA: 클라이언트 사이드에서 브라우저에 무언가를 요청하면 처음 한번은 HTML 전체를 서버에서 받아오지만 그 이후 부분적으로 변경하거나, 페이지 이동을 할 때 서버에서 받아오는 것이 아니라 내 컴퓨터에서 자바스크립트를 이용하여 화면에 뿌려주는 것. 껌벅거리지 않음 DOM: HTML 요소를 브라우저에서 객체화하여 트리형태로 만들어준 것. 하나하나를 노드라고 부른다. 가상 DOM: DOM이랑 완전히 똑같은 복사본, but API가 없다. getelementbyId, div.create와 같은 것. 그래서 엄청 가볍다. DOM은 자바스크립트 ..

npm init -y (package.json 생성) npm install typescript (node.modules, package.lock.json 생성) npx tsc --init (npx == tsc 모듈을 한번만 사용하고 버리겠다) (tsconfig.json 생성) npm install -g ts-node (ts-node 명령어를 쓰기위해 깔아줘야하는 것) 기술면접 대비 MPA: 클라이언트 사이드에서 브라우저에 무언가를 요청할 때 마다 HTML 파일 전체를 서버에서 받아와서 화면에 뿌려준다. 껌뻑거리는 것을 볼 수 있다. SPA: 클라이언트 사이드에서 브라우저에 무언가를 요청하면 처음 한번은 HTML 전체를 서버에서 받아오지만 그 이후 부분적으로 변경하거나, 페이지 이동을 할 때 서버에서 받아..

목표 달성 여부 진도 밀리지 않고 따라가기 X 오전시간에 졸지 않기 O TIL 문시해알 잘 넣기 X 알고리즘 문제 매일 풀기 X 오전에 졸지 않았다. 역시 프로젝트하면 안 졸려 근데 아파서 앓아누웠던... 프로젝트 4차 마무리 했다 https://www.notion.so/ff5dd72d033644d4850ee23d8c70dc60 프로젝트 www.notion.so 이번 주에 배운 것 리액트 네이티브의 특징 안드로이드 와 IOS 플랫폼에 따라 다르게 screen area, box Shadow 적용하기 (...platform.select 사용, 기본 컴포넌트에 inline style 사용) display 값은 flex or none 삼항연산자 중복 이용 switch 문에 범위 조건 적용할 때 매개변수에는 tr..

ㅅㅎ님의 가르침 내가 작업하던 내용을 잠시 저장하고 브랜치를 바꾸서 다시 불러오려면 git stash git checkout 원하는 브랜치 git stash pop adpyke.codesnap라고 extention에 검색하여 install ctrl shift p 위의 설정 검색창? 이 열린다 거기서 code snap 클릭 내가 넣을 코드 드래그 조리개 클릭 발표에서 눈에 띄는 것 임무를 나눌 때 기능뿐만 아니라 그 외 역할도 나눠누는 것이 좋다. 발표할 때 KPT를 같이 넣는 것도 좋네 코드는 복붙해서 넣는게 낫네 리팩토링 희망 사항 회원가입시 재확인 인풋 글자 여러번 바뀌는거 오류 수정 로그인 시 로그인 아닐시 구별 명확하게 12시에 리셋 유튜브 영상 첨부 로딩 중 화면 설명보고 따라하기 화면 들어오기..

개꿀팁 그림자 넣는 법 리액트 네이티브에 ios, android 그림자 비교하고 코드 만들어주는 사이트 React Native Shadow Generator (ethercreative.github.io) React Native Shadow Generator ethercreative.github.io 플랫폼 별로 다르게 코드 넣어주는데, styleSheet를 이용하거나, inline styling을 이용해야한다. git remote prune origin prune 은 remote 의 것을 지우는 것이 아닌, local 에서 remote 를 ref 하는 것 중 유효하지 않은 것을 제거하는 작업이다. 반복되는 코드 컴포넌트화 두 개 해보았다. 신난다!

스위치 문에 범위를 조건으로 넣어주기 총갯수에서 비율에 따라 투명도 다르게 바꿔준다. switch (true) { case opacity >= 0 && opacity 0.2 && opacity 0.4 && opacity 0.6 && opacity 0.6 && opacity

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..