💜 스프린트 FE 9기

이번 시간에는 사용자가 로그인하는 방법 중 session 기반 인증, token 기반 인증(JWT)에 대해서 알아보고 각각 차이점이 뭔지 살펴보자 🧐1️⃣ 세션 기반 인증개념사용자가 로그인하면 서버는 고유한 세션 ID를 생성하여 서버의 메모리에 저장하고, 해당 세션 ID를 클라이언트에 쿠키 형태로 전달합니다.이후 클라이언트는 서버에 요청을 보낼 때 이 세션 ID를 포함하여 전송합니다.위 그림에서 3단계는 서버가 세션 ID를 쿠키 형태로 클라이언트에 보낸다. 클라이언트는 이 세션 ID 쿠키를 저장한다.4단계는 브라우저는 이후 모든 요청마다 저장한 세션 ID 쿠키를 자동으로 서버에 포함해 보냅니다. 서버는 이 세션 ID를 통해 유저를 식별하고, 인증된 상태임을 확인합니다.이후 5단계에서 유저 인증 후, ..

일곱째 날은 '없는 숫자 더하기와 내적' 이라는 문제를 풀어보았습니다.이 글에서는 해당 문제를 어떻게 해결했는지, 겪었던 어려움, 그리고 배운 점을 회고하기 위해서 작성해 보겠습니다 😊📎 먼저 없는 숫자 더하기라는 문제를 풀어보았습니다.문제 설명0부터 9까지의 숫자 중 일부가 들어있는 정수 배열 numbers가 매개변수로 주어집니다. numbers에서 찾을 수 없는 0부터 9까지의 숫자를 모두 찾아 더한 수를 return 하도록 solution 함수를 완성하기입니다.(입출력의 예)numbersresult[1, 2, 3, 4, 6, 7, 8, 0]14[5, 8, 4, 0, 6, 7, 9]6 문제 해결 접근1~9까지의 숫자 중 numbers 배열에 포함되지 않는 숫자를 result에 더하는 것이기 때문..

여섯째 날은 'x만큼 간격이 있는 n개의 숫자' 라는 문제를 풀어보았습니다.이 글에서는 해당 문제를 어떻게 해결했는지, 겪었던 어려움, 그리고 배운 점을 회고하기 위해서 작성해 보겠습니다 😊문제 설명이 정수들의 절댓값을 차례대로 담은 정수 배열 absolutes와 이 정수들의 부호를 차례대로 담은 불리언 배열 signs가 매개변수로 주어집니다.실제 정수들의 합을 구하여 return 하도록 solution 함수를 완성하기 ! 입니다.(입출력의 예)absolutessignsresult[4, 7, 12][true, false, true]9[1, 2, 3][false, false, false]0문제 해결 접근앞에서 코딩테스트를 많이 해본 후 이제 배열의 합은 reduce 메서드로 처리하는 방법으로 풀어봐야겠다..

넷째 날은 'x만큼 간격이 있는 n개의 숫자' 라는 문제를 풀어보았습니다.이 글에서는 해당 문제를 어떻게 해결했는지, 겪었던 어려움, 그리고 배운 점을 회고하기 위해서 작성해 보겠습니다 😊문제 설명정수 x와 자연수 n을 입력받아, x부터 시작해 x씩 증가하는 숫자를 n개 지니는 리스트를 리턴합니다.(입출력의 예)xnanswer25[2, 4, 6, 8, 10]43[4, 8, 12]-42[-4, -8]문제 해결 접근일단 for문을 (초기값 = x, n까지 x++)으로 해야겠다는 생각이 들었다.function solution(x, n) { var answer = []; for (let i = x; i 우선 이 방법으로 접근해 보았지만 테스트에서 런타임 오류로 무한루프가 발생하였다.문제의 원인은 양수일 때..

벌써 코드잇 스프린트를 시작한지 어느덧 4개월 째이다.위클리 페이퍼 주제는 팀원들과 토요일마다 얘기해보는 시간을 갖고있다. 위클리 페이퍼 블로그 업로드는 잘 안했지만..ㅎ오랜만에 중요한 주제가 나와서 다시 글 쓰게 되었다 ✌️ 👩‍🏫 CORS 에러에 대해 설명하고, 어떻게 해결하면 될지 설명해 주세요.CORS는 Cross-Origin Resource Sharing의 약자입니다.A Origin에서 B Origin으로 다른 Origin으로 자원을 요청하는 현상입니다.Warning !Access to fetch at ‘https://myhompage.com’ from origin ‘http://localhost:3000’ has been blocked by CORS policy: No ‘Access-Con..

셋째 날은'대문자와 소문자'라는 문제를 풀어보았습니다.reduce 메서드에 대해 알게되었다. reduce의 인수로 어떤 것들이 오는지 살펴보았다.문제 설명정말 간단한 문제 !!대문자 ➡️ 소문자 / 소문자 ➡️ 대문자로 바꿔주는 문제이다.(입출력의 예) my_stringresult입력"cccCCC""CCCccc"출력"abCdEfghIJ""ABcDeFGHij" 문제 해결 접근일단 대문자와 소문자는 toLowerCase(), toUpperCase()를 사용하면 되겠다는 생각을 했다.하지만 모두 대문자로 바꾸거나 모두 소문자로 바꾸는 문제는 아니었기 때문에 조금 고민 .. 🤔💬생각난 메서드는 split, map, join, toLowerCase, toUpperCase이다.1. 문자열을 개별문자열로 변환한..