React가 UI를 다시 그리는 경우, 즉 re-rendering이 일어나는 조건 state, props와 같이 UI에 영향을 주는 요소들이 업데이트 됐을 때 입니다.값이 바꼈으니 당연히 Reactive하게 다시 그려야겠죠.그런데 개발하다 보면 아래와 같은 이슈(?)를

지난 포스트에서는 webpack, babel을 이용해서 react 프로젝트 초기 환경 구성을 다뤘습니다. 이어서 이번 포스트에서는 typescript 그리고 import 할 때 상대경로로 불러올 수 있는 설정에 대해서 다뤄보겠습니다. typescript 자바스크립

저는 보통 yarn 을 사용하기때문에 이 예제에서 npm을 사용하지 않지만 둘 중 하나 아무거나 해도 상관없습니다! react: React 라이브러리를 불러온다.react-dom: DOM rendering을 위한 ReactDOM을 담고 있다.webpack: webpac

모듈 번들러.모듈이 뭐지?모듈 번들러왜 번들링을 해야하는걸까?프로그래밍 관점에서 특정 기능을 갖는 작은 코드 단위를 의미한다. 그렇지만 웹팩에서의 모듈은 자바스크립트 같은 코드에만 국한되지 않고 웹 어플리케이션을 구성하는 모든 자원을 의미하는데, HTML, css, J

여러가지 라이브러리를 추가하다보면 그 안에 내장되어있는 여러 메서드들도 같이 추가된다. 안드로이드의 경우는 64k 메서드 제한을 넘기면 이런 에러가 발생하는데, 이를 해결해주기위해서 react-native의 android 폴더에서 2줄의 코드 수정이 필요하다../and

문제url : reverse string Problem Solution for문 사용 재귀

자바스크립트에는 자바나 c++ 처럼 다차원배열이 없다.사실 내장된 것이 없을 뿐 만들었을 때 출력되는 값은 똑같다.그렇지만 알고리즘 문제를 풀기위해서 다차원 배열을 구현해야한다면 훨씬 마이너스이긴하다....아무튼 목표는 다음과 같다.아래는 javascript에서 다차원

javascript 배열의 메소드 중, 배열을 정렬해주는 함수이다.정렬된 배열을 return.기본 정렬 기준은 오름차순(ascending)이며, 그냥 sort()만 호출 했을 때, 문자열로 변환 후 UTF-16 code 단위 순으로 정렬한다.📌 비교 함수 (optio

문제 url : LeetCode - two sumInputInteger 배열 nums와 target 숫자Output배열 아이템 2개를 더해서 target 숫자가 되는 경우가 단 1개라는 가정하에 이 두 숫자를 배열에 담아 리턴배열의 두 요소를 더해서 target이 나올

Situation create-react-app + typescript로 구성된 환경에서 typescript 컴파일러를 실행시켜봤을 때 아래와 같은 에러가 발견됐습니다. Error 아래와 같은 에러가 터미널에 보였고 분명 아무런 설정도 하지 않은 상태였는데 생겼던거라

끊임 없이 변하는 iOS 버전 그리고 그 운영체제에서 돌아가는 프로그램을 개발하는 xcode 프로그램.그리고 그 프로그램 안에는 수많은 외부 라이브러리가 공존합니다.따라서 여러 변수에 의해 에러가 발생할 수 있습니다.그 중, 아래와 같은 에러가 생겼을 때 해결했던 두가

객체(Object)가 무엇인가요?javascript의 객체는 어떻게 생겼나요?javascript의 객체는 어떻게 만들어요?배열도 객체이다? (O, X)현실의 사물을 프로그래밍에 반영한 개념입니다.예를 들어, 객체를 인형으로 생각해보겠습니다.인형 중에서도 라인프렌즈의 브

react-native는 javascript를 이용해서 css처럼 스타일링할 수 있는 좋은 기능(?)이 있습니다.html/css 마크업 경험이 있으시다면 아래 코드가 익숙하게 보이실거에요.inline 스타일로 적용해본 결과 아래처럼 나오겠네요.https://r

firebase는 document 기반 nosql 데이터베이스 제공 서비스인 firestore 파일 저장할 수 있는 storage hosting 서비스 auth (플랫폼별 구현하기 힘든 인증 모듈을 쉽게!) analytics sdk 등을 무료로 이용할 수 있는 아주 좋

사전에 apple 개발자 계정에 등록되어있어야합니다.firebase project가 생성되어있는 상태여야합니다.또, react-native-firebase/app 사용 설정이 된 상태여야합니다.react-native-apple-authenticationhttps&#x3

화살표 함수(() => {})는 함수를 간단하게 표현할 수 있는 ES6문법입니다. 일반 javascript(function ())과 비슷한 방식으로 동작하지만 몇가지 분명한 차이점이 있습니다.위의 예제에서 보시다시피, 표현법이 다르죠? Regular function(E