본문 바로가기

분류 전체보기45

쿠키, 세션, 토큰(JWT) 완벽 정리! 로그인 유지의 비밀 (놀이공원 비유) 안녕하세요, 여러분의 든든한 IT 길잡이 데브프리입니다. 지난 데브 노트에서는 웹 보안의 기초인 '인증'과 '인가'에 대해 알아보았습니다. 로그인이 성공해서 '인증'을 마쳤다면, 내가 페이지를 이동할 때마다 웹사이트는 어떻게 나를 계속 기억하고 로그인을 유지해 주는 걸까요? 웹의 통신 방식인 HTTP는 기본적으로 '기억 상실증(Stateless)'을 앓고 있습니다. 새로고침을 하거나 다른 페이지로 넘어가는 순간, 방금 전까지 로그인했던 유저가 누구인지 하얗게 잊어버립니다. 이 기억 상실증을 치료하고 "나 아까 로그인했던 데브프리야!"라고 계속 알려주기 위해 탄생한 기술이 바로 쿠키(Cookie), 세션(Session), 그리고 토큰(Token)입니다. 면접 단골 질문이기도 한 이 세 가지 개념을 '놀이공.. 2026. 6. 16.
인증(Authentication)과 인가(Authorization)의 차이, '회사 사원증' 하나로 완벽 이해하기! 안녕하세요, 여러분의 든든한 IT 길잡이 데브프리입니다. 개발 공부를 하다 보면, 혹은 백엔드 면접을 준비하다 보면 100% 확률로 마주치는 질문이 있습니다. 바로 "인증(Authentication)과 인가(Authorization)의 차이가 무엇인가요?"라는 질문입니다. 영어 단어도 비슷하게 생겼고(Auth... 어쩌고), 한국어 번역마저 한 글자 차이라서 처음엔 무조건 헷갈리기 마련입니다. "둘 다 로그인할 때 쓰는 거 아닌가요?"라고 생각하셨다면 오늘 글을 꼭 끝까지 읽어주세요. 이 두 가지는 웹 보안의 가장 핵심적인 뼈대입니다. 오늘은 이 헷갈리는 개념을 '회사 사옥 출입 과정'에 비유하여 1분 만에 완벽하게 머릿속에 각인시켜 드리겠습니다. 1. 인증 (Authentication): "당신은 누구.. 2026. 6. 15.
동기(Sync)와 비동기(Async)의 차이, '카페 진동벨' 하나로 완벽 이해하기! 안녕하세요, 여러분의 든든한 IT 길잡이 데브프리입니다. 코딩을 공부하다 보면 꼭 한 번쯤은 마주치며 우리를 괴롭히는 용어들이 있습니다. "이 함수는 비동기로 처리해야 돼", "동기 방식으로 데이터를 받아왔어" 같은 말들, 많이 들어보셨죠? 동기(Synchronous)와 비동기(Asynchronous).단어만 들으면 한자어 같기도 하고 무언가 싱크를 맞춘다는 뜻 같기도 해서 도무지 감이 잡히지 않습니다. 하지만 이 두 가지는 우리가 매일 방문하는 '카페에서 커피를 주문하는 과정'과 완벽하게 똑같습니다. 오늘 이 글을 다 읽고 나면, 앞으로 기술 면접에서 동기와 비동기의 차이를 묻는 질문이 나왔을 때 씩 웃으며 완벽하게 대답하실 수 있을 것입니다. 바로 시작해 볼까요? 1. 동기(Synchronous): .. 2026. 6. 14.
라이브러리와 프레임워크의 차이점, 딱 '이것' 하나만 기억하세요! 안녕하세요, 여러분의 든든한 IT 길잡이 데브프리입니다. 코딩 공부를 시작하거나 개발 관련 글을 읽다 보면 정말 지겹도록 마주치는 두 단어가 있습니다. 바로 '라이브러리(Library)'와 '프레임워크(Framework)'입니다. "둘 다 남이 만들어 놓은 코드 가져다 쓰는 거 아닌가요? 뭐가 다른 거죠?" 맞습니다. 두 도구 모두 개발을 편하게 하려고 선배 개발자들이 미리 만들어 둔 '코드 묶음'이라는 점은 같습니다. 하지만 이 둘은 백엔드, 프론트엔드를 막론하고 기술 면접에서 단골로 출제될 만큼 명확한 차이점을 가지고 있습니다. 오늘 이 글을 읽고 나면, 앞으로 면접이나 실무에서 이 둘의 차이점을 10초 만에 완벽하게 설명하실 수 있게 될 것입니다. 딱 '이것' 하나만 기억하세요! 1. 핵심은 주도권.. 2026. 6. 13.
2026 스프링 부트 게시판 만들기 ⑤: 드디어 완결! 게시글 수정 및 삭제 기능 (CRUD 완성) 안녕하세요, 여러분의 든든한 백엔드 길잡이 데브프리입니다. 길고 길었던 '스프링 부트 게시판 만들기' 시리즈가 드디어 오늘 대단원의 막을 내립니다. 지난 4탄에서는 목록에서 제목을 클릭하면 글의 내용을 볼 수 있는 '상세 보기 기능'까지 구현했죠.👉 [이전 글 확인하기: 2026 스프링 부트 게시판 만들기 ④: 내용이 궁금해! 게시글 상세 보기 구현]https://devlog-tech.tistory.com/entry/spring-boot-board-view-detail-thymeleaf 2026 스프링 부트 게시판 만들기 ④: 내용이 궁금해! 게시글 상세 보기 기능 구현안녕하세요, 여러분의 든든한 백엔드 길잡이 데브프리입니다. 지난 3탄에서는 데이터베이스에 쌓여있는 글들을 꺼내어 웹 브라우저에 깔끔한 .. 2026. 6. 12.
2026 스프링 부트 게시판 만들기 ④: 내용이 궁금해! 게시글 상세 보기 기능 구현 안녕하세요, 여러분의 든든한 백엔드 길잡이 데브프리입니다. 지난 3탄에서는 데이터베이스에 쌓여있는 글들을 꺼내어 웹 브라우저에 깔끔한 표(Table) 형태로 목록을 띄워주는 것까지 성공했습니다. 하지만 목록만 있고 글의 '내용'을 볼 수 없다면 반쪽짜리 게시판이겠죠? 오늘은 사용자가 목록에서 특정 '제목'을 클릭했을 때, 해당 게시글의 상세 내용(Content)을 보여주는 페이지를 만들어보겠습니다. 새로운 환경 설정이나 복잡한 라이브러리 추가는 전혀 없습니다! 우리가 이미 만들어둔 도구들을 활용해 가벼운 마음으로 코드를 연결해 보겠습니다. 바로 시작합니다!👉 [이전 글 확인하기: 2026 스프링 부트 게시판 만들기 ③: 데이터 쫙 불러오기! 글 목록(List) 구현]https://devlog-tech... 2026. 6. 11.

티스토리툴바