웹사이트를 만들다 보면 항상 부딪히는 벽이 있습니다.바로 레이아웃(Layout) 과 UI 인터랙션(UI Interaction) 입니다. 이런 질문들은 입문자, 부업러, 개발 전향자 모두가 공통으로 겪는 어려움입니다. 그래서 이번 Part 3에서는 실제 웹사이트에서 가장 자주 쓰이는 ‘탭 메뉴 UI’를 AI 3종(GPT · Cursor · AntiGravity)으로 만들어보고 비교합니다. 저와 함께 또 한걸음 나아가 보시죠! 참고 외부 링크 서비스 링크 ChatGPT […]
오늘도 출근해서 상사 분들과 이런 저런 이야기를 나눴습니다. 개발 업계에서 20년 조금 넘게 계시는 분께서 이런 말씀을 하시더군요. 이제는 진짜. 반응형 AI의 시대를 넘어서 AI Agent의 시대로 넘어왔어. 그리고 AI개발자도 많이 양산되겠지만. 이제는 GPT, Cursor, AntiGravity 등 AI를 얼마나 잘 다루는 개발자인지가 중요할꺼야. 제가 계속해서 언급하던 그 말과 정확히 동일한 말씀을 하셨습니다. 하물며 과거에는 ‘스마트’
앞서 Part 1에서 GPT, Cursor, AntiGravity에게 “로그인 페이지를 만들어” 라고 요청했을 때 어떤 HTML/CSS가 나오는지 단순 비교했습니다. 하지만 실제 웹페이지를 만들 때 가장 중요한 요소는 “반응형(Responsive)”입니다.반응형이란 PC 화면 / 태블릿 / 모바일 화면 크기에 따라 레이아웃이 자동으로 최적화되는 웹페이지를 말합니다. 비전공자, 부업러 분들이 가장 어려워하는 부분도 바로 이것입니다: “PC에서는 예쁜데, 모바일에서 구겨져 보이는 이유…”“폰트가 넘치고
급변하는 사회와 다양한 AI(GPT, Corsur, AntiGravity) 활용의 중요성 여러분은 요즘 사회를 어떻게 느끼고 계신가요? 저는 아직 2년차 초급 개발자이긴 하지만 급격하게 발전하는 AI로 인해 편리하고 좋으면서도 무섭기까지 할 정도입니다. 이전에는 개발자를 뽑으려고 하면 어떤 자리는 모집도 되지 않았고 지원자조차 없었습니다. 한 명의 개발자가 굉장히 소중한 자원이었죠. 하지만 코로나 시기가 지나고 AI가 발전하기 시작하면서 취업난은 심화되고,
현대 웹 서비스 보안의 중심에는 REST API가 있습니다. 로그인, 데이터 조회, 결제, 사용자 권한 처리까지 우리가 일상적으로 사용하는 대부분의 기능은 모두 API 통신을 기반으로 이루어지고 있습니다. 그렇기 때문에 이 과정에서 발생하는 보안 문제는 곧 서비스 전체의 보안 문제로 직결됩니다. 실제로 많은 기업들이 세션 관리 오류, JWT 토큰 저장 위치 실수, CSRF/CORS 설정 미흡 때문에 심각한
웹 개발에서 가장 중요한 주제가 무엇일까요? 우리가 앞서 다른 포스팅에서도 볼 수 있었지만 바로 인증(Authentication)과 보안(Security)입니다. 이 부분은 세션, 쿠키, 로그인, JWT, CSRF, XSS 등 여러가지 로 구분되고 설명됩니다. 이 편에서는 입문자에게 특히 어렵고, 실무에서는 한 줄 설정 실수로 사고가 나는 세션/쿠키/로그인/JWT/CSRF/XSS 등을 25개 핵심 지식으로 완전히 정리해드립니다. 1. 인증(Authentication)이란? “당신이 누구인지 확인하는 절차”입니다.로그인 기능의
파일 업로드와 다운로드 파일 업로드와 다운로드 기능은 모든 웹 서비스에 반드시 필요한 핵심 기능입니다.게시판, 회원 프로필, 보고서 제출, 이미지 관리 등 거의 모든 시스템이 이 기능을 사용합니다. 하지만 초보자에게 파일 업로드 기능은 난이도가 높습니다. 저장 경로, 용량 제한, 보안 정책, MIME 타입, 파일명 충돌 처리 등 신경 쓸 게 많기 때문입니다. 저 또한 엄청 고생했던
왜 JSP에서 REST API를 배워야 할까? 현대 웹 개발에서는 단순히 JSP 페이지에서 데이터를 보여주는 것만으로는 실무에서 충분하지 않습니다. 오늘날 대부분의 웹 서비스는 클라이언트와 서버가 역할을 명확히 나누고, REST API를 통해 데이터를 주고받는 구조로 설계됩니다. 쉽게 비유하면, JSP 페이지는 “식당의 테이블”이고, REST API는 “주방”입니다. 테이블에서는 손님이 메뉴를 고르고 주문만 하면 되고, 주방에서는 주문받은 메뉴를 조리해서 테이블로
왜 비동기 통신을 먼저 배워야 할까? 웹 페이지를 새로고침하지 않고 일부 내용만 바꿔 사용자 경험을 높이는 것이 요즘 표준입니다. 매번 새로고침을 하는 것이 사용자에게 부담이 되기도 하고 매번 데이터의 변동량이 많기도 하며 자칫 DDOS와 같은 효과가 일어날 수도 있기 때문입니다. 서버와의 통신을 비동기적으로 처리하면 페이지 응답성이 좋아지고, 사용자 행동에 즉각적으로 반응할 수 있습니다. JSP 기반
REST 인증이 뭐죠? 이제 어느 정도 이해도가 높아지면 생각보다 많은 초보 개발자들이 이렇게 말합니다. “REST는 알겠는데… 로그인은 갑자기 왜 어려워지는 거죠?” 저 또한 그렇습니다. 사실 지금도 공부를 꾸준히 하고 있지만 최근에야 이해했답니다. 로그인이 어려운 이유는 생각보다 간단합니다. REST는 “상태가 없는(Stateless)” 구조이고, 로그인은 “상태를 기억해야 하는 기능”이기 때문입니다. 즉, 다시 말해서. 그래서 로그인은 REST 인증 구조와