분류 전체보기101 30일차 (JWT 디코딩) 미니 프로젝트를 진행하면서, db에 저장된 값들을 비요해서 조건부로 컴포넌트를 보여줘야 하는 일이 발생했다. mutation을 통해 데이터를 가져오려고 시도해보기도 했지만, 사용할 수 있는 API가 마땅히 없어서 Cookie에 저장된 값을 디코딩하여 비교하는 방식을 사용하게 되었고, 디코딩하는 방법이 필요했다. 방법은 비교적 간단하다. 1. npm i base-64 : 디코딩을 도와주는 라이브러리를 설치한다. 2. Cookie에 저장된 토큰 값을 가져온다. 3. JWT는 콤마로 구분되기 때문에 콤마를 기준으로 문자열을 나눈뒤, payload 값인 가운데 값만 필요하기 때문에 뽑아서 저장한다. 4. 객체 형태로 변경하여 저장한다. 아래의 코드는 위의 방법을 통해 디코딩한 방법이다. // 토큰 값 불러오기 .. 2023. 9. 21. 29일차 (git 충돌...) 오늘 계획은 지금까지 한 프로젝트 코드들 합치고 댓글 기능을 추가하는 것이었다. 하지만 merge를 할 때 원인 모르는 오류가 발생하면서 계획이 다 틀어지게 되었다.. push를 하려고 해도 커밋이 관련 없다는 오류가 발생해서 실패를 했고, git merge를 통해 merge를 실행하려고 해도 오류가 발생했다. 절망적인 순간에 팀원 중 한 분이 Git Graph 상에서 브랜치가 연결되어 있지 않아서 발생하는 오류인 것 같다고 말씀을 해주셔서 그 부분에 초점을 맞춰서 진행하였다. 해결방법 원래는 파란 브랜치와 초록, 핑크 브랜치가 연결된 부분이 하나도 없었다. 그래서 git graph에서 merge into current branch를 통해 강제로 두 브랜치를 연결시켰다. 이후 pull request를 진.. 2023. 9. 19. 6주차 WIL (Axios) axios는 Promise를 기반으로 동작하며, 웹 애플리케이션과 서버 간의 데이터 동신을 쉽게 처리할 수 있도록 도와주는 라이브러리이다. axios를 사용해서 GET, POST, DELETE, PATCH 등의 요청을 보낼 수 있으며 예제는 아래와 같다. GET // axios 라이브러리를 가져오기 const axios = require('axios'); // GET 요청 보내기 axios.get('https://api.example.com/posts') .then(response => { // 요청 성공 시 실행되는 코드 console.log(response.data); // 서버로부터 받은 데이터 }) .catch(error => { // 요청 실패 시 실행되는 코드 console.error(erro.. 2023. 9. 18. 28일차 (알고리즘: stack 활용) https://school.programmers.co.kr/learn/courses/30/lessons/133502 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr 처음 시도 코드 function solution(ingredient) { var answer = 0; let stringIngredient = ingredient.join("") let burger = 1231 while(stringIngredient.includes(burger)){ stringIngredient = stringIngredient.replace(burger, "") answer.. 2023. 9. 15. 이전 1 ··· 12 13 14 15 16 17 18 ··· 26 다음 728x90
