- 전체보기(130)
- JavaScript(44)
- javascript30(30)
- react native(17)
- React(13)
- typescript(10)
- CSS(6)
- WeCode(5)
- git(5)
- error(5)
- react.js(4)
- jest(3)
- test(3)
- fixed(3)
- github(3)
- login(2)
- python(2)
- cloning(2)
- Auth(2)
- signup(2)
- array method(2)
- Spread Syntax(2)
- video(2)
- bluetooth(2)
- westagram(2)
- 절대경로(2)
- debug(2)
- class(2)
- redux(2)
- project(2)
- styled component(2)
- linux(2)
- testing(2)
- CallStack(2)
- 정규표현식(2)
- absolute(2)
- regular expression(2)
- Xcode(2)
- addEventListener(2)
- background(2)
- styled components(2)
- regex(2)
- html(2)
- build(2)
- 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)
- refresh-token(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)
- access token(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)
- 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)
- Token(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)
- JSDoc(1)
- Mocking(1)
- 객체 불변성(1)
- flex panel(1)
- 랜덤숫자뽑기(1)
- argument(1)
- 로그인(1)
- Cheat Sheet(1)
- undefined(1)
- 인증(1)
- mixin(1)
token (access, refresh)
Access Token(JWT)만의 인증방식은 제 3자에의한 탈취당한경우, 보안에 취약따라서, 실제로 서버와 통신하는 token의 유효기간은 최대한 짧게 설정하고, 유효기간이 만료되면 다시 access token을 요청할 수 있는 refresh token을 별도로 관리
getBy와 queryBy의 차이점(jest, testing)
queyBy와 getBy가 기능이 거의 동일한 듯하고, 실제적용해보면, getBy는 없는 element인 경우 에러가 너서 확인이 불가능한 반면, queryBy는 그렇지 않음무슨차이가 있을지 궁금...https://stackoverflow.com/questio
ReferenceError: React is not defined - test error
테스트하고자 하는 App.tsx 파일 내에 있던 react-safe-area-context 라이브러리의 mock 파일이 잘 작동하지 않아 생기는 오류로 예상되었음mock 파일이 있는 경로로 가서, 해당 파일 위에 import React from 'react' 추가하니
Test - Mocking (Jest)
https://jestjs.io/docs/mock-functionsMock Funcitions은 기존 Function을 대체하는 가짜 함수를 의미하고, 테스트 대상 코드의 외부 의존성을 끊어 빠르고 쉽게 테스트 할 수 있도록 도와 줌2 가지 mock funct
[Error Solution] "Requiring unknown module 'undefined' ~" (React Native)
갑자기 알 수 없는 이유로, ios build 시, 아래와 같은 오류 발생stack trace 경로에서, unknown으로 나온 부분을 찾아가니, 'react-native-screens'에 밑줄 오류 표시가 되어 있었고, 예상컨대, import가 제대로 안되서, und
RN + TS 프로젝트에 Redux Toolkit 적용
Why Redux Toolkit? 프로젝트 적용 실습 1. 설치 2. store 파일 생성 (in src/redux/index.ts) 3. slice 파일 생성 (login.ts) 4.
Babel 이란?
https://jeonghwan-kim.github.io/series/2019/12/22/frontend-dev-env-babel.html
commit 없이 임시 저장 - git stash
https://www.lainyzine.com/ko/article/git-stash-usage-saving-changes-without-commit/가장 기본은 임시저장git stash가장 최근 stash 꺼내기git stash popstash에 메시지 붙이
React Native + TypeScript에서 styled-components 적용하기
https://styled-components.com/docs/api#typescript
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
React Native 에서 Custom Fonts 적용
https://medium.com/react-native-training/react-native-custom-fonts-ccc9aacf9e5e
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
package.json과 package-lock.json 파일이 나눠져 있는 이유
npm install을 사용하는 경우, package.json / package-lock.json파일 기준으로 패키지를 설치하는데 왜 둘로 나누어져 있나?package.json은 version range로만 표시하여, 패키지가 마이너한 업데이트 하더라도 작동에 문제없도
Auth(로그인/회원가입) 구현 - React Native
https://www.obytes.com/blog/authentication-in-react-native-easy-secure-and-reusable-solutionloading, signOut, signIn - 3가지 statusredux 등 상태 관리할 수
Digital Signature 기능 구현 - React Native
https://www.notion.so/dyphi/React-Native-Signature-Library-b45842600ed74e958cf5df2d260f663d
Type Checking navigator - React
React Navigation 공식 라이브러리는 컴포넌트 간 이동인 라우팅 기능을 제공각 navigator(stack, bottomTab 등)을 create할 때 타입을 지정해주면, 각 하위의 컴포넌트(스크린)들에 자동으로 내려지는 props(route, navigat
React Native Chatting 구현
라이브러리: https://github.com/FaridSafi/react-native-gifted-chat 1.
React Native 이메일 인증(비밀번호 초기화)
: 성공적으로 계정생성 되면, 현재 유저 정보 가져오기https://rnfirebase.io/auth/usage
useEffect, useCallback, useMemo 비교
기본적으로 세가지 hook은 dependency 관계에 있는 변수 값이 변화하는 것에 연동되어 실행되는데, 구체적인 차이가 무엇인지 비교해보기class component의 life cycle 함수(side effect)를 function component에도 동일하게
React Native 애플 연동 로그인
2020년 4월부터 앱스토어 정책 상, 소셜로그인 기능이 들어가는 경우, 아이폰은 반드시 apple 연동 로그인 기능이 포함되어야 함requireNativeComponent: "RNAppleAuthButtonViewManagerWhiteSignIn" was not fo