📌 전체 게시글 목록

이번 시간에는 사용자가 로그인하는 방법 중 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 메서드로 처리하는 방법으로 풀어봐야겠다..

🚪 들어가며브라우저의 렌더링 과정에 대해서 알아보자 ! 브라우저의 렌더링 과정은 복잡한 여러 단계를 거친다.🪽 렌더링 과정DOM 파싱: HTML을 파싱하여 DOM 트리(문서 객체 모델)를 생성CSSOM 생성: CSS를 파싱하여 CSSOM 트리(스타일 규칙 트리)를 만듬렌더 트리 생성: DOM과 CSSOM을 결합하여 화면에 그릴 요소를 포함한 렌더 트리를 만듬레이아웃: 각 요소의 크기와 위치를 계산페인팅: 계산된 스타일과 위치에 따라 화면에 그림합성 단계: 복잡한 레이어를 관리하여 최적화된 화면 출력📿 이벤트 루프렌더링 과정은 HTML과 CSS를 기반으로 화면을 표시하는 데 집중하고, 이벤트 루프는 비동기 작업을 관리하여 사용자 인터랙션에 대한 반응성을 유지합니다. 이벤트 루프는 렌더링 과정의 수행과..

다섯째 날은 '문자열을 정수로 바꾸기' 라는 문제를 풀어보았습니다.이 글에서는 해당 문제를 어떻게 해결했는지, 겪었던 어려움, 그리고 배운 점을 회고하기 위해서 작성해 보겠습니다 😊문제 설명문자열 s를 숫자로 변환한 결과를 반환하는 함수 solution을 완성하는 문제입니다.(입출력의 예)strreturn"12341234"-1234"-1234문제 해결 접근엥 이거는 그냥 강제 형변환 Number나 parseInt를 사용하면 되는 것 아닌가 ? 하는 생각이 들었다. (물론 다른 방법이 있겠지만) 내가 푼 방법function solution(s) { return parseInt(s);} 문제를 푼 후 다른 사람의 풀이를 보았다 👀다른 사람의 풀이// 묵시적 변환// 문자열과 숫자열의 사칙연산은 숫자..

다섯째 날은 '약수의 합' 이라는 문제를 풀어보았습니다.이 글에서는 해당 문제를 어떻게 해결했는지, 겪었던 어려움, 그리고 배운 점을 회고하기 위해서 작성해 보겠습니다 😊문제 설명정수 n을 입력받아 n의 약수를 모두 더한 값을 리턴하는 함수입니다.(입출력의 예)nreturn122856문제 해결 접근아직까지는 난이도가 쉬운 문제라 접근 방법이 쉬웠다.for 반복문의 i를 사용하여 n과 나누어 떨어지는가 ? 를 확인한 후 true이면 sum에 더해주기로 했다, 내가 푼 방법function solution(n) { var sum = 0; for (let i = 0; i 생각했던 접근 방법대로 코드를 작성해보니 쉽게 문제가 풀렸다. 😊