
[항해99 수료]22.12.05 ~ 23.03.22 마지막 순간까지 "내가 잘 하고 있나?" "이게 맞나?" 하고 의문이 가득이었던 99일이 끝이 났다. 도중에 하차한 팀원들도 있어서 그때마다 마음이 흔들렸지만 담당 매니저님한테 쪼르륵 달려가서 하소연도 하고 코드라도 한번 더 보고 새벽에 남은 팀원들이랑 고민상담도 하고 실없는 얘기도 하면서 버텼던 것 ...

🤓 What I Learned Today JavaScript에서 호이스팅(hoisting)이란 인터프리터가 변수와 함수의 메모리 공간 선언 전에 할당하는 것을 의미한다. 좀 더 쉽게 말하자면 자바스크립트에서 물 흐르는 것처럼 위에서 아래로 실행되는데 호이스팅이란

하단 탭 내비게이터 라이브러리 설치 이렇게 사용하면 되고 네이티브 스택 내비게이터와 하단 탭 내비게이터를 같이 사용하고 싶으면 하단 내비를 컴포넌트화 한 이후 App.js 에 넣어주면 된다. App.js 스타일 넣기! 참고 : Create custom bottom tab navigator in React native

🤓 What I Learned Today React Navigation 이렇게 Navigation 을 만들어주었다만… 헤더에 제목이 기본값으로 들어가 있어서 그런지 매우 거슬렸다. 찾아보니 이 부분도 설정을 따로 해주면 된다고 하여 찾아보았다. * 🤔 Code Snippets * 헤더를 숨기고 싶으면..! 옵션을 넣어주면 된다.

Navigation 이란? 웹 브라우저에서 내비게이션은 URL을 입력해서 특정 페이지에 도달하고 링크를 사용하여 하위 페이지로 이동하는 개념이지만 앱에서는 버튼을 눌러서 한 화면에서 다른 화면으로 이동하거나 이전 화면으로 돌아가는 식 보통 *서드 파티 패키지인 react navigation을 사용한다. 라우팅 및 내비게이션을 추가하기 위해 만들어진 패...

🤓 What I Learned Today 세로방향으로 맞춰 화면을 구성하고 만들었는데 생각해보니 웹과 다르게 앱은 가로 방향으로도 많이 보기도 한다는걸 생각하지 못 했다. 그러면 기기크기에 맞춰 그냥 demensions 를 사용해서 동적화면을 구성하면 되겠다라고 생각해서 생각없이 화면만 바꿨는데 문제가 생기고 말았다.. 안드로이드는 괜찮은데 ios...

app.json 에서 기본으로 세로방향으로 고정되어 있는데 이부분을 수정해줘야했다. 방향을 수정하면 앱이 깨지는 현상이 발생한다. 이럴경우 수정해줘야할 부분이 많다. 사용중 방향 전환이 필요할 경우…기기의 방향 변경에 맞게 화면의 방향이 조정되는 반응형 코드를 작성하는 것이 좋은데..

Dimensions ??? JSX코드에서 사용하는 컴포넌트는 아니고 JavaScript 객체라서 styles를 포함한 JavaScript 코드 어디에서나 정보 추출을 위해 사용할 수 있다. 사용법은 react-native 로 부터 Dimensions 을 불러온다. 무슨 정보를 추출할 수 있을까?🤔 기기의 너비와 높이를 추출할 수 있다. (⚠️ 주의...

ScrollView 콘텐츠에 스크롤을 추가할때 유용하다. 예를 들어 기사가 너무 길어 화면에 다 안들어가거나 사용자가 어떤 장치를 이용할 지 모르는 상태에서 기사를 스크롤 할 수 있도록 설정해야 하는 상황에서 사용 전체 UI가 렌더링될 때마다 안에 있는 항목을 전부 렌더링 한다. 즉 모든 자식 항목을 렌더링한다. 성능에 문제가 생김 앱이 느려짐 끝이...

React Native 는 CSS를 지원하지 않지만 Reac Native 스타일링은 CSS의 영향을 받아 만들어졌다. (유사한 프로퍼티의 이름과 값을 사용) 대신,인라인 스타일(Inline Style)을 추가해서 스타일 객체를 프로퍼티로 전달하거나 별도의 객체를 정의해서 그걸 프로퍼티로 전달한다. 스타일은 JavaScript에서 정의하지만 CSS의 프로퍼...

🤓 What I Learned Today 용어설명 랜더링 : 컴포넌트가 현재 props와 state의 상태에 기초해 UI를 어떻게 구성할지 컴포넌트에게 작업을 요청하는 것을 의미 리랜더링 :React가 데이터 변화에 따라서 화면을 다시 그리는 현상 element Type / state 혹은 props 등이 변하는 것을 관찰하고 있다가 변하면 그때 ...

🤓 What I Learned Today 오늘은 여러가지로 막히는 하루라 그냥 간단하게 개념정리만..! 1.async 예를 들면 사용자의 데이터를 백엔드에서 받아오는데 10초정도 걸리는 코드가 있다고 가정해보자 자바스크립트엔진은 동기적으로 수행하기 때문에 .. 오래 걸리는 코드를 비동기적인 처리를 전혀 하지 않으면 코드를 순차적으로 보여주는 동안 ...

🤓 What I Learned Today ❓.비동기적으로 실행 된다는 것이 무엇일까? 하나의 동작이 완료되지 않아도 다음 코드가 실행 된다는 것을 의미한다. ❗️비동기 특성 서버에 요청을 보내고 결과가 돌아오지 않아도 다음 코드를 실행 한다. ❓.그러면 이게 왜 필요해? 웹에서 서버에 데이터를 요청했을때 요청이 완료되기 전까지는 아무것도 실행...