Development Stash

클래스 컴포넌트는 함수형 컴포넌트와 달리 기본적으로 라이프 사이클 API 들이 있다. 간단한 예제를 통해 어떤 API 들이 있고, 각각 어떠한 역할을 하는지 알아볼 것이다. 다음은 인삿말, 이름을 Props 로 받아서 인삿말이 ‘Hello’ 이면 “Hello, World! count is {count}” 를 출력하고 아닌 경우엔 “{인삿말}, {이름}! count is {count}” 를 출력하는 예제이다....

Styled Components 공식 홈페이지: https://www.styled-components.com Styled Components 는 리액트와 리액트 네이티브의 스타일링 적용을 도와주는 오픈 소스 라이브러리로, 인라인 또는 StyleSheet 를 사용하여 스타일을 적용하는 방법에 비해 다음과 같은 장점들이 있다. 리액트 및 리액트 네이티브 양 쪽에서 동일한 스타일 코드를 사용할 수 있다. 리액트 네이티브에서 기본적으로 스타일은 오브젝트 형식을 사용하기 때문에...

1. 컴포넌트 컴포넌트는 UI 를 독립적이고 재사용 가능하도록 기능 단위별로 나눠놓은 조각으로, 화면의 구성 요소들은 여러가지 컴포넌트들로 이루어져 있다. React Native 에는 View Text Image TextInput ScrollView StyleSheet 와 같은 basic component 들이 있으며, 이 외에도 custom component 를 만들어 사용할 수 있다. 컴포넌트는 다음과 같이 클래스형, 함수형 두 가지가...

1. 함수 선언식 // 매개변수 명시 function foo(arg1, arg2) { console.log(arg1 + arg2); } // arguments[] 배열 사용 function bar() { console.log(arguments[0] + arguments[1]); } foo("Hello", "World"); bar("Good", "Bye"); > HelloWorld > GoodBye 일반적인 스타일의 함수. 함수 선언시 매개변수를 따로 명시하지 않아도 arguments[] 배열을 써서 매개변수 다룰 수 있다. 2....

Java script 는 싱글 스레드로 작동한다고 하였는데 대체 어떻게 콜백 함수들은 비동기적으로 처리되는지 너무 궁금해져서 좀 찾아봤다. callback 함수는 setTimeout() 같은 비동기 함수 에 의해 event queue(또는 callback queue, task queue 라고도 함) 에 enqueue 되어 대기하다가 call stack 이 완전히 비었을 때 dequeue 되어 call stack 에 올라가 수행된다....