개발자취업 22일)JWT를 처음보고 존맛탱으로 읽은 저를 개발자로 키워주고 계셔서 감사합니다/Token/Encoded/ Decoded Code-Camp FE 6기 간략히 요약하면, Backend는 어떤 사람이 api를 요청하는지 알 수 없기 때문에 유저의 모든 api 요청에 accessToken을 함께 보내줬습니다! 이 토큰을 받은 Backend는 accessToken을 열어서 그 안에있는 객체(JSON)의 내용물을 보고 누가 요청을 한건지 구분 할 수 있던 것이였습니다! 이 방식으로 Browser에서 요청이 들어오면 더 이상 DB에서 토큰을 찾지 않... 코딩부트캠프개발자취업accesstokenJWTauthorization코드캠프Hashing프론트엔드개발자EncodedbearerjsonDecoded코딩Decoded 20) 검색할때 바로바로 안걸러주면 한국인은 답답해서 못살아 🤯 검색 프로세스 이해, Tokenizing, inverted index.. Debouncing / Throttling 원두멘토님의 열정을 이어받아 다 이해한날 !!!!!! 먼저, 백엔드의 검색 시스템 구조에는 가장 기본적으로 테이블을 풀 스캔하는 방식(full table scan)으로 전체 테이블 로우를 조회하는 방법이 있었습니다! 이 방법을 개선하기 위해 데이터베이스에 저장할 때, 문장을 키워드 단위로 토크나이징(컴퓨터에게 이해 시키기 위해 우리의 언어를 의미가 있는 가장 작은 단어로 나누는 것)하고, 역인덱스(inverted index)를 만들어서 저장했습... 쓰로틀링table fullscanDebouncing개발자메모리기반 데이터 베이스replaceAll토크나이징elasticsearchuuid코딩부트캠프검색프로세스개발자취업역색인프론트엔드Throttlinginverted index디스크기반 데이터 베이스코드캠프tokenizing디바운싱lodash코딩Debouncing 5) 오오..라우팅..조건부렌더링..graphql... 이게 되네 ... (Code Camp FE 6기) 이동된 페이지에서 router.query를 활용하여 게시물ID 또는 게시물 번호를 가져올 수도 있었어요! 또한, 가져온 게시물ID와 게시물번호를 활용하여 데이터를 조회했습니다! 하지만 이로 인해 발생하는 문제가 있었고, 이를 해결하기 위해 조건부 렌더링을 사용했습니다. 조건부 렌더링에는 &&연산자와 삼항연산자를 사용하는 방법이 있었죠? 또한, &&연산자를 사용하는 경우엔, 옵셔널체이닝을 사용... graphql mutation조건부렌더링코딩부트캠프tryCatch개발자취업코드캠프비동기 통신연산자개발자templete literalrouteroptional chainingApollo client삼항연산자routing코딩Apollo client
22일)JWT를 처음보고 존맛탱으로 읽은 저를 개발자로 키워주고 계셔서 감사합니다/Token/Encoded/ Decoded Code-Camp FE 6기 간략히 요약하면, Backend는 어떤 사람이 api를 요청하는지 알 수 없기 때문에 유저의 모든 api 요청에 accessToken을 함께 보내줬습니다! 이 토큰을 받은 Backend는 accessToken을 열어서 그 안에있는 객체(JSON)의 내용물을 보고 누가 요청을 한건지 구분 할 수 있던 것이였습니다! 이 방식으로 Browser에서 요청이 들어오면 더 이상 DB에서 토큰을 찾지 않... 코딩부트캠프개발자취업accesstokenJWTauthorization코드캠프Hashing프론트엔드개발자EncodedbearerjsonDecoded코딩Decoded 20) 검색할때 바로바로 안걸러주면 한국인은 답답해서 못살아 🤯 검색 프로세스 이해, Tokenizing, inverted index.. Debouncing / Throttling 원두멘토님의 열정을 이어받아 다 이해한날 !!!!!! 먼저, 백엔드의 검색 시스템 구조에는 가장 기본적으로 테이블을 풀 스캔하는 방식(full table scan)으로 전체 테이블 로우를 조회하는 방법이 있었습니다! 이 방법을 개선하기 위해 데이터베이스에 저장할 때, 문장을 키워드 단위로 토크나이징(컴퓨터에게 이해 시키기 위해 우리의 언어를 의미가 있는 가장 작은 단어로 나누는 것)하고, 역인덱스(inverted index)를 만들어서 저장했습... 쓰로틀링table fullscanDebouncing개발자메모리기반 데이터 베이스replaceAll토크나이징elasticsearchuuid코딩부트캠프검색프로세스개발자취업역색인프론트엔드Throttlinginverted index디스크기반 데이터 베이스코드캠프tokenizing디바운싱lodash코딩Debouncing 5) 오오..라우팅..조건부렌더링..graphql... 이게 되네 ... (Code Camp FE 6기) 이동된 페이지에서 router.query를 활용하여 게시물ID 또는 게시물 번호를 가져올 수도 있었어요! 또한, 가져온 게시물ID와 게시물번호를 활용하여 데이터를 조회했습니다! 하지만 이로 인해 발생하는 문제가 있었고, 이를 해결하기 위해 조건부 렌더링을 사용했습니다. 조건부 렌더링에는 &&연산자와 삼항연산자를 사용하는 방법이 있었죠? 또한, &&연산자를 사용하는 경우엔, 옵셔널체이닝을 사용... graphql mutation조건부렌더링코딩부트캠프tryCatch개발자취업코드캠프비동기 통신연산자개발자templete literalrouteroptional chainingApollo client삼항연산자routing코딩Apollo client