생각나서 기록해두는 너무 너무 유용한 Online Parser 파싱(Parsing) 파싱은 구문 분석이라고도 하는데, 쉽게 표현하면 구조에 맞게 정리해주는 것으로 이해할 수 있다. 그리고 파싱을 해주는 프로그램을 파서(Parser) 라고 할 수 있다. 예전에 크롤링 할 때 넘어오는 정보를 입력하면, 파악하기 쉽게 파싱해주는 온라인 사이트들을 많이...
[Algorithm] JavaScript로 알고리즘 코딩테스트 준비
Programmers JavaScript 풀이 시작에 앞서. 프론트엔드 개발에서 JavaScript가 널리 쓰이다보니, 프론트엔드 개발자 대상의 코딩테스트에서 언어를 JavaScript로 제한하는 경우도 여럿 있다. 그래서 JavaScript를 이용한 알고리즘 풀이도 조금씩 진행해보려 한다. 백준의 경우 JavaScript를 이용한 문제 해결이 초...
[React-Native] JWT 를 이용한 회원 인증
😱JWT AccessToken & RefreshToken 을 이용한 인증 살려주세요. JWT를 이용한 인증 구현 가능에서 여러 선택지들을 마주하고, 방식을 결정해가는 과정을 정리하려 한다. 인터넷에 검색했을 때 포스트 마다 다른 방식을 사용해서 마음이 복잡했기에…🙄 User Data와 Token의 업데이트 주기에 관한 고민 = 하나로 묶...
[Axios] Header의 Data에 접근
✏️Header 의 Data에 접근하기 1. 배경 프론트엔드에서 회원가입 직후 자동으로 로그인을 하기 위해서는, 사용자의 입력 없이 사용자의 아이디와 비밀번호를 매개변수로 로그인 API를 호출해야한다. 이걸 어떻게 할까. 회원가입 할 때 입력한 값을 별도로 저장을 해두어야할까. 고민하던 찰나에 회원가입 요청에 대한 응답을 콘솔로 찍어보니 거기에...
[React-Native] 회원가입을 위한 Re(Regular Expression) 정규표현식 정리
✏️정규식 뽀개기 1. 정규표현식(Regular Expression) 정규표현식(Regular Expression)은 정규식 이라고도 한다. 특정한 규칙을 가진 문자열의 집합을 표현하는 데 사용하는 형식 언어이다. 크롤링 데이터 파싱, 머신러딩 데이터 전처리 등을 진행하며 다루었던 기억이 있는데, 회원가입 시 받는 다양한 정보들의 형식을 체크...
[React-Native] React-Query 도입
React-Query 도입 전 간단 정리 프로젝트에서 API 연결 작업에 앞서 API 상태관리 라이브러리 도입 필요성을 인지하게되었다. 다음 라이브러리들 중 어느것을 도입하는 것이 좋을지 고민했다. redux react-query redux → rtk-query React-Query 검색 React-Query에 관하여 검색을 ...
[React-Native] Could not find a declaration file for module 'react-query'
🚨Could not find a declaration file for module ‘react-query’ 1. Error Occured import {QueryClient, QueryClientProvider} from 'react-query' React Native 프로젝트에서 API 상태관리를 위해 react-query를 설치하고 모듈...
[Git] Git Action & Git Branch Protection Rule 을 통한 협업 코드 관리!
😆 Git Action & Git Branch Protection Rule 을 통한 협업 코드 관리! 1. 요약 Git Action과 Git Branch Protection Rule을 통해 더욱 체계적이고 안전한 코드 관리 하기. 2. 도입 배경 지난 웹 개발 때 함께 협업한 엄청나신 선배님이 계시는데, 아래와 같은 설정을 해...
[React-Native] Firebase Storage 사용 시 Possible Unhandled Priomise Rejection
🚨WARN : Possible Unhandled Promise Rejection Error: [storage/unauthorized] User is not authorized to perform the desired action. 🔥아침부터 가볍고 귀여운 에러를 마주쳤다. 쉽게 해결해서 기분이 좋다. Firebase Storage를 사용해서...
[React-Native] Firebase 앱 추가 디버그 서명 인증서 SHA-1 (+ 잘못된 옵션 : .language=en)
React Native 앱 Firebase 등록 시 입력값 “디버그 서명 인증서 SHA-1”. 🔥React Native 앱을 Firebase에 등록하는 과정에서 패키지 이름, 앱 닉네임 그리고 “디버그 서명 인증서 SHA-1”을 입력하라고 한다. 디버그 서명 인증서는 keytool 명령어를 통해 확인할 수 있다. keytool -genkey -l...