안녕하세요!이번 포스트는 요새 면접 다니면서 부족하다고 느끼는CS 위주 기술 면접에 대해 작성해보려고 합니다! 내가 보려고 만드는 기술 면접 리스트문제 리스트CPU와 메모리는 각각 어떤 역할을 하나?프로그램은 어떻게 실행되는가?메모리 계층 구조를 간단히 설명해보세요.캐시 메모리는 왜 필요한가?지역성(Locality)이란?스택(Stack)과 힙(Heap)의 차이는?콜 스택(Call Stack)이란?스택 오버플로우가 발생하는 시점과 이유메모리 누수는 왜 성능 문제로 이어지나요?멀티코어 CPU가 프론트엔드에 주는 이점은?컨텍스트 스위칭이란?무거운 연산이 UI를 멈추게하는 이유Web Worker는 왜 필요한가요? 들어가기 전,컴퓨터 구조라는 과목은, 말 그대로 컴퓨터의 구조와 관련된 학문으로 내가 공부하고 있..

📦 컨텍스트컨텍스트(Context)란 상황, 맥락, 문맥 상의 의미를 의미합니다. 이를 개발자답게 해석해보면, 텍스트의 내용뿐만 아니라, 텍스트가 사용된 상황, 이전 문맥, 이후 맥락 등을 모두 가지고 있는 데이터 묶음을 가리킨다고 할 수 있습니다. 🚗 JavaScript의 동작 과정JavaScript를 사용하기 위해서는 코드를 통해 명령어를 나열하며, 이를 활용하여 로직을 수행할 수 있습니다. 이때 코드를 작성하는 행위를 우리가 흔히 아는 코딩(coding)이라고 합니다.📃 소스코드JavaScript 뿐만 아니라 여러 개발 언어에서 작성된 코드를 소스코드라고 부릅니다. JavaScript가 동작할 때 크게 소스코드 평가과 소스코드 실행 단계로 나누어 동작하며, 총 4가지의 소스코드 타입을 가지고 ..

📦 스택(Stack)스택(Stack)은 데이터를 한쪽 방향으로만 넣고 꺼내는 자료구조입니다. 후입선출(LIFO, Last In First Out)방식으로 동작하여 가장 마지막에 들어온 데이터가 가장 먼저 나가는 구조입니다.예를들어, 접시를 쌓아두고 위에서부터 하나씩 사용하는 것과 같습니다.스택의 핵심은 “순서대로 데이터를 넣고, 마지막 데이터를 삭제한다.” 이며, 핵심을 이해하려면 스택이 동작하는 과정을 살펴보면 다음과 같습니다. 🏓 동작 방식1. 데이터 추가(push)앞에서부터 순서대로 데이터를 추가합니다.2. 데이터 제거(pop)가장 마지막 데이터를 제거합니다.3. 스택의 가장 마지막 데이터 확인마지막에 있는 데이터를 확인합니다.4. 스택이 비어있는지 확인스택이 비어있는지 확인하는 방법은 스택의 ..

더보기KDT 해커톤 모아보기 2025.09.16 - [기타] - [KDT 해커톤] 해커톤 후기 (참가 신청 ~ 예선)2025.12.19 - [기타] - [KDT 해커톤] 해커톤 후기 (본선)제 7회 KDT 해커톤 본선 후기안녕하세요, 미루고 미루던 해커톤 후기를 3개월만에 다시 적기위해 돌아왔습니다.(지난 글에서 이어집니다.)2025.09.16 - [기타] - [KDT 해커톤] 해커톤 후기 (참가 신청 ~ 예선) [KDT 해커톤] 해커톤 후기 (참가 신청 ~ 예선)제 7회 KDT 해커톤 후기 오늘은 최근에 참여했던고용노동부 주관 KDT 해커톤 후기를 작성해보려고한다. 전체 과정 본선 전 과정에서는 모두 온라인으로 진행되었고본선만 오프라인 무박 2일이라blog.dev-sg.cloud 본선...에 들어가기전..

더보기KDT 해커톤 모아보기2025.09.16 - [기타] - [KDT 해커톤] 해커톤 후기 (참가 신청 ~ 예선)2025.12.19 - [기타] - [KDT 해커톤] 해커톤 후기 (본선) 제 7회 KDT 해커톤 후기 오늘은 최근에 참여했던고용노동부 주관 KDT 해커톤 후기를 작성해보려고한다. 전체 과정 본선 전 과정에서는 모두 온라인으로 진행되었고본선만 오프라인 무박 2일이라는 파격적인 일정이었다.(해커톤이 무박 2일로 진행되는게 파격적이지 않았지만 그전 온라인 기간이 있음에도 무박 2일이라는게 신기했다) 참가 신청주제는 지정주제와 자유과제로 2가지였는데우리(모닥토닥)는 지역 의료 격차라는 주제를 생각하고 있어 지정주제로 선택했다.정말 감사하게도 참가팀에 선정되어 다음 단계를 진행할 수 있었다. 팀별 ..

개발 환경- Next.js 14 (page router)- TailwindCSS- Axios 문제 상황 BE에서 API를 통해 JWT을 보내주어 AccessToken을 통해 사용자 인증을 하는 방식을 사용하고 있으며, 코드잇 부트캠프 내에서 하는 프로젝트이기에 BE API를 변경할 수 없었고, RefreshToken 없이 AccessToken만을 사용해 인증을 하고, AccessToken의 주기가 짧아 자주 로그인을 해야했습니다. 또한, 현재 웹스토리지(LocalStorage)를 사용하여 SSR(서버사이드 렌더링) 시 로그인(사용자 인증)이 필요한 서비스(API)는 사용할 수 없었습니다. 문제점 요약짧은 토큰 수명때문에 API 통신에 있어 401(UnAuthorized)에러가 자주 발생SSR 방식을 사..