코드잇 스프린트가 끝나고, 취업을 위해 코드잇에서 하는 스터디에 들어가게 되었다.그 중에서도 내가 신청한 건 바로 기술 면접 !! 아무래도 기술 면접은 혼자 공부하는 것보다 같이 공부하는게 필요할 것 같아서 보자마자 바로 신청을 하였다.일단 1주차는 위클리페이퍼 기반으로 질의응답을 하고 스터디원은 4명이라 2:2로 진행을 하고 있다. 저번에는 내가 면접관으로 2분께 질문을 드렸고, 이번에는 내가 지원자가 되어서 답변을 하는 시간을 가졌다. 근데 이번에 같이 지원자 파트를 맡으신 분이 결석을 하여서 혼자 질문을 받게 되었다...! (오히려 좋아) 면접을 공부할 때 제일 중요한건 끝나고 복기 인것 같다 !! 대부분의 답변에 잘 답하였지만, 꼬리 질문에서는 모르는 부분도 있어서 모범 답안을 채워서 정리해보았..

프론트엔드 렌더링 방식으로 CSR과 SSR은 많이 들어보고 접해봤지만,나머지 ISG과 SSG는 아직 잘 몰라서 글을 작성하면서 정리해보려고 한다 !🍑 CSR (클라이언트 사이드 렌더링) 클라이언트 사이드 렌더링(CSR)은 웹 애플리케이션의 동적인 사용자 경험을 제공하는 데 최적화된 방식이다. 이 방식에서는 브라우저가 HTML을 받은 후에 JavaScript를 통해 콘텐츠를 동적으로 생성하고 렌더링한다. 이 과정에서 사용자의 상호작용에 따라 필요한 데이터만을 서버로부터 비동기적으로 불러오게 되며, 이를 통해 사용자 경험을 크게 향상시킬 수 있다. 😇 CSR의 장점1. 높은 사용자 경험 : CSR은 클라이언트 측에서 데이터를 받아와 렌더링하기 때문에 페이지 이동 속도가 빠르고, 사용자 경험이 높다.2...

세션 기반 인증과 토큰 기반 인증에 대해 알아보기 전에 , 인증과 인가의 개념부터 알아보자 ! 1️⃣ 인증 (Authentication)인증은 사용자 또는 디바이스 등의 신원 정보를 확인하는 과정으로, 쉽게 말하자면 로그인이라고 볼 수 있다.로그인 페이지에서 아이디와 비밀번호를 입력해서 제출하면, 일치할 경우에만 인증 절차에 성공한다.따라서 클라이언트가 자기 자신이라고 주장하고 있는 사용자가 맞는지를 검증하는 과정이다. 2️⃣ 인가 (Authorization)인가는 인증 작업 이후에 행해지는 작업으로 사용자 또는 디바이스 등이 어떤 리소스에 접근할 수 있는지,어떤 동작을 수행할 수 있는지 등을 검증하는 것이다. 따라서 인증된 사용자에 대한 자원에 대한 접근 확인 절차를 의미한다.내가 작성한 글은 나만 ..

🤔 SEO(검색엔진최적화)가 무엇일까?SEO는 "Search Engine Optimization"의 약자로 Search Engine, 즉 구글과 같은 검색엔진에 친화적인 사이트를 구축하여 광고가 아닌 자연 검색 결과를 통해 트래픽의 양과 질을 극대화하는 작업을 의미한다. 간단하게 말하면, 우리의 홈페이지 및 콘텐츠를 구글이나 네이버와 같은 검색 엔진의 검색 결과 페이지 상단에 노출시키는 작업이라고 생각하면 된다. ⭐️ SEO의 중요성SEO는 단순히 검색 엔진에서 상위에 노출되는 것만을 의미하지 않는다. 이는 사용자 경험을 개선하고, 웹사이트의 가시성을 높이며, 비즈니스 성과를 증대시키는 데 중요한 역할을 한다. 🤖 검색 엔진의 작동 방식1. 크롤링 : 검색 엔진은 웹 크롤러를 사용해 인터넷 상의..

🤔 CORS(Cross-Origin Resource Sharing)란 무엇일까? 💡 CORS는 함축 단어로써 이를 풀면 Cross-Origin Resource Sharing이라는 단어로 이루어져 있다. 이 문장을 직역하면 “교차 출처 리소스 공유 정책” 이라고 해석할 수 있는데, 여기서 교차 출처라고 하는 것은 다른 출처를 의미하는 것으로 보면 된다. ⁉️ 출처(Origin)가 뭔데??우리는 어떤 사이트를 접속할 때 인터넷 주소창에 URL이라는 문자열을 통해 접근하게 된다.이처럼 URL은 https://domain.com:3000/user?query=name&page=1 과 같이 하나의 문자열 같지만, 사실은 다음과 같이 여러 개의 구성 요소로 이루어져 있다.‼ CORS를 이해하는데 있어서는 딱 3가..