시리즈

TIL : 기록

1.💡 '애자일(Agile) 방법론' 이란? - feat. TDD

개발에 대한 공부를 시작하면서 종종 보였던 단어, 'Agile' 뭔지는 모르겠지만 '애자일 방식으로..' '애자일 조직..' '애자일에 기반하여....''애자일...''애ㅈ...' 아무튼 엄청 많이 언급되는 단어였다. 언젠가 찾아보지 뭐 하고 계속 넘기다가 Testi

2022년 6월 11일

2.💡정규 표현식(Regular Expression) - 패턴과 플래그

1. 정규 표현식(Regular Expression)이란? : 일정한 '패턴'을 가진 '문자열'의 '집합'을 표현하기 위해 사용하는 '형식 언어(formal language)'

2022년 6월 15일

3.💡 개발자 도구 - <Elements, Console, Network, Application> Panel 기능 정리

Chrome 기준.Why “Chrome”? 가장 많이 사용하는 브라우저: html / css 코드를 분석, 수정할 수 있는 panel.DOM과 style 요소(css)를 조작하여 사이트의 레이아웃, 디자인을 분석할 수 있다. ➪ viewing and changin

2022년 6월 24일

4.💡 Database - 관계형 데이터베이스(1:1 / 1:N / N:N)

: 컴퓨터 시스템에 저장된 정보나 데이터를 모두 모아 놓은 집합오랜기간 저장 및 보존하기 위해체계적으로 관리하기 위해 → 체계적이지 않으면 그저 쪼가리에 불과함모든 데이터는 2차원 테이블(table)로 표현= Realtional DataBase Management Sy

2022년 6월 27일

5.💡 Git & Github - 명령어와 workflow 알아보기

: Version Control System 버전 관리 시스템; 수정이력관리: Update(수정)가 일어난 한 term.해당 단계에서 수정된 내용을 알기 어렵다작성자 본인만 알아볼 수 있다 → 여러 사람이 공유하기 어렵다물리적인 파일이 계속 생성되어 관리가 어렵다→ 수

2022년 6월 29일

6.💡 HTTP - Request & Response

하이퍼 텍스트= html로 만든 웹 페이지를 주고 받는 규칙→ Client ↔ Server 간의 통신에 필요한 규칙을 정한 것.1요청 1응답이 기본State : 기억력, 메모리HTTP 통신은 각각 독립 → 과거의 통신 결과를 보존하거나 기억하지 않음.Stateful:

2022년 6월 30일

7.[TIL] 기록하기에 대하여

기록의 중요성을 알고있긴 했지만 1차, 2차 프로젝트를 2주 안에 진행해야 하다보니 그날 그날 공부한 내용 혹은 에러 해결 등에 대해 차분히 정리할 시간이 부족했다. 그러다보니 결국 블로그를 한달 동안 방치하는 사태 발생^^; 어떻게 하면 프로젝트도 하고, 공부도 하고

2022년 8월 26일

8.[TIL] kakao 로그인 | React-Query | axios

이번 프로젝트에서 react-query도 axios도 처음 써보는지라 뭐가 뭔지 모르겠..소셜 로그인 간단할 줄 알았는데..... ㅎ ㅏ........ 일단 지금의 문제가useQuery를 여러번 써야함1이 끝나면 2가 실행되어야 함 (동기적 실행)다른 탭(창)에 갔다오

2022년 8월 30일

9.[TIL] Array.map() 중독 | axios 단축 메소드(GET, POST 차이)

map map... map을 하도 쓰다보니 레이아웃 그릴 때부터 뭔가 비슷한 게 반복된다! 싶으면 map을 돌려버리고 싶은 충동에 사로 잡힘하지만 그러다 map안에 map을 사용하는 사태 발생 🫢코드는 깔끔해 보일 수 있어도 이중 반복문이니까 로딩도 오래 걸리고 효율

2022년 8월 31일

10.[TIL] 네이버 로그인 | CORS 에러 해결

공식문서로 공부하기 카카오 로그인은 어느정도 대충이라도 알고 있는 거였는데도 막상 공식문서만 보고 구현하려니 막막하고… 또 막막했당….. 네이버는 정말 처음 접하는 거니까 진짜 공식문서만 보고 해봐야지! 하고 접근했는데 음…. 모 르 겠 다 ~ ... 이해하기 쉽게

2022년 9월 1일

11.[TIL] 안전한 로그인 | Access Token | Refresh Token | JWT | Cookie

로그인 구현을 하다보니 Token관리 하는 개념이 너\~~무 헷갈렸다.Access Token은 얼추 알겠는데 Refresh Token은 또 뭐야 🤯조금이나마 이해해보기 위해 쓰는 정리글.실제로 인증에 필요한 Token : Access Token → 중요!하지만 loc

2022년 9월 2일

12.[TIL] useMutation | React-Redux | 에러 해결

useQuery : 데이터를 GET(조회)할 때 사용페이지가 로드될 때, 바로 실행!get 메소드처럼 단순히 조회만 할 때useMutation : 데이터를 create, update, delete (수정)할 때 사용post, patch 메소드처럼 데이터 수정이 있을 때

2022년 9월 6일

13.[TIL] api주소 관리하기 | 함수 표현식 vs 함수 선언식

백엔드 API주소는 배포 전까지 매번 주소가 바뀐다테스트 할 때마다 API주소를 쓴 곳을 찾아 바꾸기는 비효율적 → config.js 를 만들어 API 주소를 변수처럼 사용해주자 config.js는 src폴더 안에 만들어야 한다. public 폴더는 접근 불가.exp

2022년 9월 19일

14.[TIL] Path Parameter & Query Parameter (ft. Routing Hooks)

동적 Routing 관련한 Path Parameter & Query Parameter 의 개념과 차이에 대해 정리하고, URL Parameter 정보를 이용하기 위해 React에서 사용하는 Hook들을 정리해 보았다.url 경로에서 : 다음에 오는 값위의 예시에서는 i