혼자 적어보는 노트

기본적인 함수들이지만 문자열을 자를 때 비슷한 결과를 만들어 낼 수 있는 함수들이 여러개 있어서 사용하기에 조금 헷갈릴 때가 있다. 조금씩 다른 substr() / substring() / slice() 와 맨 앞, 맨 뒤 문자열을 추출할 때 편한 charAt()에 대해 정리 해보기로 했다. * 전부 새로운 문자 혹은 문자열을 반환한다. substr() index와 자를 개수를 입력하여 자른 문자열을 반환한다. substr(시작위치, 자를 문자의 개수) * 자를 문자의 개수를 생략하면 문자열의 끝까지 자르게된다. const string = "문자열다루기"; console.log(string.substr(0, 1)); // 문 console.log(string.substr(-1, 1)); // 기 cons..

특정 문자 찾기 예시 문자열들 중 영문소문자, 대문자등 조건에 맞는 문자열을 추출할 때 정규표현식 []와 match()를 사용하여 조건에 맞는의 문자를 추출하는 방법과 정규표현식 [^]와 replace()를 사용하여 해당 조건에 맞지 않는 문자를 제외시키는 방법이 있다. const string = "1a2v3...ABC안녕$%(@#ㅎㅎ."; console.log(string.match(/[a-zA-z]/g).join("")); // asasF console.log(string.replace(/[^a-zA-z]/g, "")); // asasF // 같은 결과 값을 반환한다. 아래의 예시들은 replace로 진행 하겠다. 한글만 추출 const string = "1a2v3...ABC안녕$%하(@세요#ㅎㅎ."..

git log git의 커밋들의 내역들을 조회할 수 있는 명령어이다. 커밋 메세지에 포함된 텍스트 검색 커밋한 내역들 중 커밋 메세지에 해당 검색어가 포함되어있는 커밋을 찾을 수 있다. git log --grep [검색어] 커밋 변경사항에 포함된 텍스트 검색 커밋한 내역들 중 커밋의 변경 사항에 해당 검색어가 포함되어 있는 커밋을 찾을 수 있다. git log -S [검색어] 커밋들을 한 줄로 보기 git log --onelin 커밋들을 한줄로 n개 보기 git log --onelin -(개수) 커밋들을 그래프로 보기 git log --all --oneline --graph git log fomatting --pretty 옵션을 사용하면 원하는 대로 git log를 foramatting할 수 있다 git..

이전 포스팅에 이어서 이번엔 Google, Gitbut로그인을 진행해보려 한다. Google 로그인 🔨Firebase setting firebase console의 Authentication - Sign-in method 에서 로그인 제공업체를 추가해준다. ✍ 코드작성 reducer의 상단에 이전에 만들어 두었던 provider 불러오기 import { auth, googleAuthProvider } from "../firebase"; [reducer.js] ActionType과 Actions 작성 const GOOGLE_LOGIN_START = "GOOGLE_LOGIN_START"; const GOOGLE_LOGIN_SUCCESS = "GOOGLE_LOGIN_SUCCESS"; const GOOGLE_L..

✨ redux를 이용하여 firebase 이메일 로그인 구현해보기 ✨ 이전에 firebase v9와 contextAPI를 활용하여 로그인을 구현했었지만 혼자 해보고 있는 프로젝트에 redux를 사용하다보니 redux로 연결을 해보고 싶었다. 여기저기 찾아보았는데 하는 방법이 많이 있지는 않고 특히나 firebase v9와 활용하는 사례는 찾을 수 없었다.. 어찌저찌 유튜브 영상을 찾게되어 해보면서 정리를 하게 되었다. 일단 v8으로 만들어보고 익숙해지면 v9를 문서와 함께 보면서 활용해 볼 예정이다. ✅ 적용해볼 것들 1. name, email, password를 이용한 회원가입 2. email, password 로그인 3. 새로고침 후에도 로그인 상태 유지 4. 로그인 상태에 따른 ui 표시 사용한 버..

git cherry-pick git을 사용하다 보면 커밋을 다른 브랜치에 잘못하거나 다른 브랜치에 있는 커밋을 가져와야 할 경우가 생길 수 있다. rebase를 하는 방법도 있겠지만 좀 더 간단하게 커밋을 복사해서 가지고 올 수 있는 방법이 있다. cherry-pick 원하는 커밋을 복사하여 현재 브랜치로 가져오는 명령어이다. git cherry-pick [가져올 커밋 해시] 현재 브랜치가 main 브랜치인 상태에서 new브랜치에 있는 커밋 해시를 가지고 왔을 경우라면 new브랜치에 있는 커밋은 그대로인 상태에서 main브랜치에 해당 커밋이 복사된다. cherry-pick한 커밋의 변경사항을 main브랜치의 커밋에 적용하고 새로운 커밋을 기록하는 방식이다. * cherry-pick을 할 경우 같은 내용의..

3주차는 API관련해서 요청을 보내고 요청 받은 데이터를 가지고 화면에 노출하는 미션이었다. mission3에서 다룰 주제는 비동기 제어, callback, promise, aync~await 이다. 1. fetch fetch를 이용하여 api를 요청하고 then으로 호출하던 부분을 async await로 변경하였다. const getSearchData = async (keyword, fromHistory) => { try { if (keyword.length < 1) { searchResult.setState([]) return } const response = await fetch( `https://jjalbot.com/api/jjals?text=${keyword}` ) const data = awa..

프로젝트를 작업하다 보면 과거의 커밋들을 수정해야 할 때가 있다. rebase -i를 통한 과거의 commit 삭제/수정/병합/분할 하는 방법에 대해 알아보자. 아래에 예제를 위한 테스트 commit을 만들어 보았다. λ git log --oneline 672b32f (HEAD -> main) 로그인 에러 수정, 회원가입 기능 추가 2670e3a 로그인 기능 추가 완료 362e466 로그인 기능 작업 진행 b2155d3 메인 슬라이드 추가ㅏ 6080ad8 지워도 되는 커밋 9fa6e95 메인메뉴 추가 해야할 작업은 아래와 같다. 6080ad8 지워도 되는 커밋 ────────── 삭제 b2155d3 메인 슬라이드 추가ㅏ ──────── 오타 수정(커밋 메세지 수정) 2670e3a 로그인 기능 추가 완료 ..