profile
Stay hungry. Stay foolish.

setState가 비동기함수인 이유

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

2021년 3월 12일
·
0개의 댓글
post-thumbnail

3. typescript, 상대경로 설정하기

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

2021년 3월 9일
·
0개의 댓글

2. react + webpack + babel로 개발 환경 구축하기 (javascript)

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

2021년 3월 5일
·
0개의 댓글

1. webpack, babel에 대하여

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

2021년 3월 5일
·
0개의 댓글

[react-native error] 안드로이드 빌드 시, mergeDexDebug FAILED

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

2021년 2월 25일
·
0개의 댓글
post-thumbnail

[javascript] leetcode - reverse string

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

2021년 2월 24일
·
0개의 댓글

[Javascript] 다차원 배열(matrix) 구현

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

2021년 2월 22일
·
0개의 댓글
post-thumbnail

[javascript] Array.prototype.sort()

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

2021년 2월 22일
·
0개의 댓글
post-thumbnail

[javascript] Leetcode - two sum

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

2021년 2월 22일
·
0개의 댓글

[typescript] tsc 실행 시 발생하는 에러, error TS1005

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

2021년 2월 7일
·
0개의 댓글

error: Unable to find a destination matching the provided destination specifier

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

2021년 1월 25일
·
0개의 댓글
post-thumbnail

javascript 일반 객체

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

2021년 1월 7일
·
0개의 댓글
post-thumbnail

react-native 프로젝트의 style에 대해서 알아보기

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

2021년 1월 2일
·
0개의 댓글
post-thumbnail

react-native-firebase 라이브러리 연동

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

2021년 1월 1일
·
1개의 댓글
post-thumbnail

react-native, firebase auth를 이용한 apple 로그인 구현하기

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

2021년 1월 1일
·
0개의 댓글
post-thumbnail

javascript: 일반함수(regular function)와 화살표함수(arrow function)의 차이

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

2021년 1월 1일
·
0개의 댓글