공부

웹 개발 공부하다 보면 세션이랑 쿠키, 헷갈리기 쉽잖아요? 🤔 이 둘의 관계를 제일 쉽고 재밌게 이해하는 방법이 바로 '호텔 투숙객' 비유예요. 이야기처럼 술술 읽히게 한번 정리해 봤어요!세션 (Session)클라이언트에 대한 중요한 정보를 서버에 저장하는 기술이에요

안녕하세요! 복잡하게만 느껴지는 소켓 통신 과정을 일상적인 '식당' 비유를 통해 쉽고 명확하게 정리해 보았습니다.이 글을 읽고 나면, 서버와 클라이언트가 어떻게 연결되고 데이터를 주고받는지 전체 흐름을 완벽하게 이해하실 수 있을 겁니다.설명: 식당 주인이 가게의 상호명

안녕하세요! JSP 개발을 하다 보면 request, response, session 등 다양한 내장 객체들을 만나게 됩니다. 이 객체들이 대체 뭘 하는 녀석들인지 헷갈리셨던 분들을 위해, 이번에는 '식당' 비유를 활용해 각 객체의 역할과 기능을 명확하게 정리해 보았습

안녕하세요! JSP(JavaServer Pages)는 HTML 페이지에 자바 코드를 넣어 동적인 웹 페이지를 만드는 기술입니다. 그중에서도 스크립틀릿(Scriptlet)과 내장 객체는 JSP의 가장 기본적인 문법이자 핵심 요소입니다. 이번 포스팅에서는 이 두 가지 개념

안녕하세요! JSP와 서블릿은 클라이언트의 요청을 처리하는 웹 애플리케이션의 핵심입니다. 그런데 서블릿을 개발할 때 초보자가 가장 흔하게 실수하는 부분이 바로 인스턴스 변수의 사용입니다. 이번 포스팅에서는 서블릿의 인스턴스 변수가 왜 위험한지, 그리고 어떻게 해결해야

➡️ 요소의 textContent를 데이터로 교체예시: ➡️ HTML 코드를 그대로 삽입 (innerHTML)예시: ➡️ 조건에 따라 요소를 DOM에 추가/제거예시: ➡️ DOM은 유지하고 CSS display 속성으로 토글예시: ➡️ 배열/객체/범위를 반복 렌

d-flex는 CSS의 display: flex;를 적용하는 Bootstrap 유틸리티 클래스입니다.부모 요소를 Flex 컨테이너로 바꾸어, 자식 요소들이 Flex 아이템으로 동작하게 만듭니다.Flex 아이템은 축 방향, 정렬, 간격, 순서, 크기를 유연하게 조정할 수

이 문서는 AnimalList.vue에서 페이지네이션(Pagination)을 구현하는 과정을 단계별로 따라하기 방식으로 정리한 가이드입니다.util/pagination.js와 components/Pagination.vue를 활용하여 서버 데이터를 불러오고, 페이지 이동

이 문서는 초보자도 쉽게 따라할 수 있도록 단계별로 정리한가이드입니다.Vue 화면에서 파일을 업로드하면 → 서버(Node.js) → DB에 저장 → 다시 Vue화면에 반영되는 전체 과정을 다룹니다.Vue (프론트엔드)사용자가 화면에서 파일(이미지)을 선택하고 게시글과

아래는 사용자가 작성한 모달 코드 그대로 주석과 단계별 설명을 추가한 내용입니다.코드 수정 없이 설명과 주석만 붙였습니다.모달 컨테이너: modal fade → 열고 닫을 때 페이드 효과 적용. 모달 정렬: modal-dialog modal-dialog-centere

Vue + Node.js(ubiaccess-framework) 서버를 구축하고, 이를 안드로이드 앱(WebView)안에서 실행하는 과정을 정리했습니다.WebView는 안드로이드 앱 안에서 웹 페이지를 띄우는 뷰 컴포넌트로, 내가만든 서버를 바로 앱에서 볼 수 있게 해줍

CoreUI Free (Bootstrap 5) – 컴포넌트 풍부, Vue 버전도 제공. 관리자형 레이아웃 뚝딱.👉 coreui.io | GitHubTabler – 깔끔한 모던 스타일, 카드/테이블/폼 완비.👉 Tabler | GitHubAdminLTE (BS5) –

Spring + Maven + MyBatis + Tomcat

Java-Stream-공부-정리

| OOP 원칙 | 한 줄 정의 | 스프링에서의 구현 예시

스프링 DI, 스마트 공장에 비유해서 미친 마법사 스프링을 설명

OOP를 깨닫다...ㄷㄷ

@Transactional 정체 파해치기

@Service의 짝꿍들

Spring+MyBatis로 MVC방식으로 CRUD구현

프로젝트 구동 시, log4j:WARN No appenders could be found... 경고와 함께 서버 시작이 실패하는 문제가 발생했습니다. 이로 인해 실제 원인이 되는 오류가 로그에 남지 않아 문제 해결에 큰 어려움을 겪었습니다.수많은 시도 끝에, 우리는 다

프로젝트 중 발생한 문제들(feat. .gitignore, Eclipes to XML인식, Eclipes to Lombok, Spring & MyBatis 설정 개선(Mapper XML 경로, Type Alias 패키지 설정)

400 Bad Request, undefined, 200 OK, But No Data, google과 Promise 설정

PostgreSQL 부수기

PostgreSQL의 인덱스, 함수, 트리거, 저장 프로시저 부수기

네트워크 IP와 CIDR부수기

Vue To FCM / FCM연결해서 토큰 뽑기

How to FCM + Vue + Spring Boot + MyBatis +PostgreSQL

워크스페이스·저장소·레이어·스타일 자동 등록

여러가지 GeoServer 구동 방식의 차이점

현재 Chocolatey 설치 후 mkcert 설치를 시도하는 단계입니다. PowerShell에서 다음 명령어를 실행하여 \*\*mkcert\*\*와 nss 설치를 완료해 주세요.이후 mkcert -install 및 인증서 생성 과정을 진행하여 Nginx의 HTTPS

이전에 겪으셨던 모든 오류(DB 포트 충돌, nuctl 실행 환경 문제)를 바탕으로, 포트 5433을 사용하도록 YAML 파일을 수정한 후 CVAT 환경을 git clone부터 끝까지 완벽하게 켜는 과정을 순서대로 정리해 드립니다.이 가이드는 모든 작업이 성공적으로 완