profile
21c Carpenter
태그 목록
전체보기 (130)JavaScript(44)javascript30(30)react native(17)React(13)typescript(10)CSS(6)error(5)WeCode(5)git(5)react.js(4)jest(3)github(3)fixed(3)test(3)Spread Syntax(2)정규표현식(2)절대경로(2)regular expression(2)bluetooth(2)signup(2)westagram(2)linux(2)project(2)class(2)absolute(2)debug(2)redux(2)video(2)styled component(2)testing(2)CallStack(2)Xcode(2)cloning(2)background(2)addEventListener(2)styled components(2)regex(2)python(2)html(2)build(2)login(2)array method(2)undefined(1)인증(1)mixin(1)cors(1)인가(1)increment operator(1)position(1)sticky(1)Root(1)immutablility(1)uuid(1)fork repo update(1)data-속성(1)requiring unknown module undefined(1)promise(1)실습(1)sql(1)import(1)중앙정렬(1)splice 음수 인자(1)Email Auth(1)github 실무(1)getBy(1)terminal(1)불변성(1)Center(1)type change(1)Airbnb Guide(1)public(1)clock(1)npm(1)instance(1)relative(1)서명(1)compile(1)Component Structure(1)Restful(1)Primitive Type(1)rebase(1)catch(1)로딩화면(1)List(1)http(1)동적 라우팅(1)propagation(1)에러핸들링(1)리액트(1)Absolute Path(1)Cross-Origin Resource Sharing(1)무한스크롤(1)extending style(1)REST(1)코어자바스크립트(1)heap(1)movemove(1)object 순회하기(1)Location(1)lsof(1)Request(1)Response(1)once(1)전개구문(1)lifecycle(1)slider(1)document.documentElement(1)oAuth(1)loading indicator(1)유사배열(1)styleWe(1)navigator(1)형변환(1)getBoundingClientRect(1)SpeechAPI(1)이메일인증(1)shiftKey(1)Module(1)비밀번호초기화(1)email multi choice(1)router(1)고유식별자(1)float(1)이미지경로(1)webcam(1)Firebase(1)class field(1)null(1)Prototype(1)useEffect(1)cue(1)scrollLeft(1)img(1)match(1)Fetch API(1)Transpiler(1)throw(1)package lock.json(1)package.json(1)async(1)parameter(1)전자서명(1)Android BLE(1)MAC Address(1)Flex(1)&&(1)version mismatch(1)EventLoop(1)stringToNumber(1)textConent(1)authentification(1)nodeList(1)e.preventDefault()(1)definite assignment assertion(1)git flow(1)Reference Type(1)bootcamp(1)Generic(1)클론프로젝트(1)classList(1)당근마켓(1)공식문서(1)REST API(1)redux-toolkit(1)speechRecognition(1)scroll(1)countdown(1)const(1)let(1)class101(1)text-shawdow(1)NODE_PATH(1)회원가입(1)key stretching(1)통신지연(1)find module package(1)DefaultRootState(1)bcrypt(1)react-native-ble-plx(1)Custom Fonts(1)두더지잡기(1)extend(1)auto scroll(1)key(1)Signin(1)instagram(1)독서후기(1)callback Hell(1)TypeError: Converting circular structure to JSON(1)clickevent(1)local storage(1)authorization(1)개발자도구(1)NavigationConatainer(1)복수선택(1)useMemo(1)useRef(1)inline block(1)setInterval(1)navigation(1)history(1)event bubbling(1)격투 게임기 기술(1)secure token(1)signature(1)stringify()(1)dev tool(1)semantic(1)clone(1)Design Pattern(1)hook(1)useCallback(1)React Structure(1)DevTools(1)Context API(1)Expo(1)reduce(1)Single Thread(1)font(1)EventListener(1)innerText(1)key sequence(1)watchPosition(1)error handling(1)block(1)작성중(1)styleshare(1)inline(1)InnerHTML(1)strict mode(1)type check(1)mock(1)음성인식(1)array(1)chatting(1)queryBy(1)extends(1)super(1)프로젝트(1)react typescript(1)spa(1)geolocation(1)숫자야구 게임(1)nosql(1)node_modules(1)custom error(1)db(1)크롬 개발자도구(1)speech synthesis API(1)코드설명(1)slice(1)RDBMS(1)아날로그 시계(1)best practice(1)salting(1)Documentation(1)babel(1)event delegation(1)error class(1)HTMLCollection(1)Database(1)Map(1)Apple(1)Math.random(1)BLE(1)regexp(1)kill port(1)react-native-safe-area-context(1)연동로그인(1)import not working(1)portfolio(1)react-native-gifted-chat(1)Reactm(1)IoT(1)different wifi(1)react-native-ble-manager(1)위코드(1)순환참조(1)pageX(1)playbackRate(1)mobx(1)private(1)device(1)mockdata(1)audio(1)stash(1)speech(1)capture(1)global theme(1)react router(1)static(1)scope(1)Pagenation(1)canvas(1)주석(1)Comment(1)Auth(1)JSDoc(1)Mocking(1)객체 불변성(1)디자인패턴(1)flex panel(1)랜덤숫자뽑기(1)argument(1)로그인(1)Cheat Sheet(1)

getBy와 queryBy의 차이점(jest, testing)

queyBy와 getBy가 기능이 거의 동일한 듯하고, 실제적용해보면, getBy는 없는 element인 경우 에러가 너서 확인이 불가능한 반면, queryBy는 그렇지 않음무슨차이가 있을지 궁금...https://stackoverflow.com/questio

6일 전
·
0개의 댓글
post-thumbnail

ReferenceError: React is not defined - test error

테스트하고자 하는 App.tsx 파일 내에 있던 react-safe-area-context 라이브러리의 mock 파일이 잘 작동하지 않아 생기는 오류로 예상되었음mock 파일이 있는 경로로 가서, 해당 파일 위에 import React from 'react' 추가하니

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

Test - Mocking (Jest)

https://jestjs.io/docs/mock-functionsMock Funcitions은 기존 Function을 대체하는 가짜 함수를 의미하고, 테스트 대상 코드의 외부 의존성을 끊어 빠르고 쉽게 테스트 할 수 있도록 도와 줌2 가지 mock funct

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

[Error Solution] "Requiring unknown module 'undefined' ~" (React Native)

갑자기 알 수 없는 이유로, ios build 시, 아래와 같은 오류 발생stack trace 경로에서, unknown으로 나온 부분을 찾아가니, 'react-native-screens'에 밑줄 오류 표시가 되어 있었고, 예상컨대, import가 제대로 안되서, und

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

RN + TS 프로젝트에 Redux Toolkit 적용

Why Redux Toolkit? 프로젝트 적용 실습 1. 설치 2. store 파일 생성 (in src/redux/index.ts) 3. slice 파일 생성 (login.ts) 4.

2021년 8월 30일
·
0개의 댓글

Babel 이란?

https://jeonghwan-kim.github.io/series/2019/12/22/frontend-dev-env-babel.html

2021년 8월 26일
·
0개의 댓글

commit 없이 임시 저장 - git stash

https://www.lainyzine.com/ko/article/git-stash-usage-saving-changes-without-commit/가장 기본은 임시저장git stash가장 최근 stash 꺼내기git stash popstash에 메시지 붙이

2021년 8월 25일
·
0개의 댓글

React Native + TypeScript에서 styled-components 적용하기

https://styled-components.com/docs/api#typescript

2021년 8월 21일
·
0개의 댓글

React Native &Typescript 프로젝트 절대 경로설정

https://medium.com/react-native-seoul/%ED%94%84%EB%A1%9C%EC%A0%9D%ED%8A%B8%EC%97%90-module-resolver-%EC%A0%81%EC%9A%A9%ED%95%98%EA%B8%B0-b28f607f

2021년 8월 20일
·
0개의 댓글

React Native 에서 Custom Fonts 적용

https://medium.com/react-native-training/react-native-custom-fonts-ccc9aacf9e5e

2021년 8월 20일
·
0개의 댓글

디자인 패턴(Design Pattern)이란?

정의 > 객체 지향 프로그래밍 설계를 할 때 자주 발생하는 문제들을 피하기 위해 사용되는 패턴.

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

Typescript Error - has no initializer and is not definately assigned in the constructor

ref로 할당된 signRef를 클래스 컴포넌트에서 정의하려고 하면, 아래와 같은 오류 발생The definite assignment assertion is a feature that allows a ! to be placed after instance property

2021년 8월 19일
·
0개의 댓글

package.json과 package-lock.json 파일이 나눠져 있는 이유

npm install을 사용하는 경우, package.json / package-lock.json파일 기준으로 패키지를 설치하는데 왜 둘로 나누어져 있나?package.json은 version range로만 표시하여, 패키지가 마이너한 업데이트 하더라도 작동에 문제없도

2021년 8월 18일
·
0개의 댓글

Auth(로그인/회원가입) 구현 - React Native

https://www.obytes.com/blog/authentication-in-react-native-easy-secure-and-reusable-solutionloading, signOut, signIn - 3가지 statusredux 등 상태 관리할 수

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

Digital Signature 기능 구현 - React Native

https://www.notion.so/dyphi/React-Native-Signature-Library-b45842600ed74e958cf5df2d260f663d

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

Type Checking navigator - React

React Navigation 공식 라이브러리는 컴포넌트 간 이동인 라우팅 기능을 제공각 navigator(stack, bottomTab 등)을 create할 때 타입을 지정해주면, 각 하위의 컴포넌트(스크린)들에 자동으로 내려지는 props(route, navigat

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

React Native Chatting 구현

라이브러리: https://github.com/FaridSafi/react-native-gifted-chat 1.

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

React Native 이메일 인증(비밀번호 초기화)

: 성공적으로 계정생성 되면, 현재 유저 정보 가져오기https://rnfirebase.io/auth/usage

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

useEffect, useCallback, useMemo 비교

기본적으로 세가지 hook은 dependency 관계에 있는 변수 값이 변화하는 것에 연동되어 실행되는데, 구체적인 차이가 무엇인지 비교해보기class component의 life cycle 함수(side effect)를 function component에도 동일하게

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

React Native 애플 연동 로그인

2020년 4월부터 앱스토어 정책 상, 소셜로그인 기능이 들어가는 경우, 아이폰은 반드시 apple 연동 로그인 기능이 포함되어야 함requireNativeComponent: "RNAppleAuthButtonViewManagerWhiteSignIn" was not fo

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