- 전체보기(131)
- 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)
개인정보처리방침
'제 1 장 총 칙', '제 1 조 (목적)', '제 2 조 (약관의 효력 및 변경)', ① 이 약관은 서비스 화면이나 기타의 방법으로 이용고객에게 공지함으로써 효력을 발생합니다. ② 사이트는 이 약관의 내용을 변경할 수 있으며, 변경된 약관은 제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에도 동일하게