기술 블로그

용어와 원리부터 시작해 실행 가능한 코드, 테스트와 디버깅, 보안·성능·운영의 트레이드오프까지 연결합니다.

글 목록

CSS Flex 가운데 정렬이 안 되는 이유: justify-content와 align-items의 축

Flexbox에서 justify-content와 align-items가 움직이는 방향은 flex-direction에 따라 달라집니다. 같은 세 항목을 row와 column에 놓고 가운데 정렬을 확인합니다.

웹2025. 1. 3.3 분

CSS box-sizing과 overflow: 요소 너비가 화면을 넘을 때 확인할 순서

width가 맞아 보이는데 레이아웃이 넘치는 이유를 box-sizing, padding, border, overflow 관점에서 설명합니다.

웹2024. 12. 29.3 분

HTML 시맨틱 태그를 쓰면 접근성과 구조가 어떻게 좋아질까?

div만으로 만든 화면을 header, nav, main, article 같은 시맨틱 태그로 나눌 때 얻는 구조와 접근성 이점을 설명합니다.

웹2024. 12. 22.3 분

Ubuntu apt update와 apt upgrade 차이: 패키지 목록 갱신과 설치를 구분하는 법

apt update가 저장소의 패키지 목록을 갱신하고 apt upgrade가 설치된 패키지를 실제로 바꾸는 과정을 확인합니다.

리눅스2024. 12. 22.4 분

JUnit 테스트는 각각 통과하는데 전체 실행에서 실패하는 이유: static 저장소와 @AfterEach

메모리 리포지토리 테스트가 하나씩은 통과하는데 전체 실행에서 중복 예외가 납니다. static 저장소 공유와 @AfterEach 초기화의 범위, 더 나은 격리 방법을 같은 예제로 확인합니다.

자바/스프링2024. 12. 19.3 분

SQL INSERT 후 COMMIT과 ROLLBACK: 트랜잭션을 되돌릴 수 있는 범위

INSERT가 즉시 확정되지 않는 이유와 COMMIT·ROLLBACK의 경계, 테스트 데이터를 안전하게 다루는 순서를 설명합니다.

DB/SQL2024. 12. 15.3 분

리눅스 폴더 용량 확인: ls -ldh와 du -sh 숫자가 다른 이유

폴더에 큰 파일이 있는데 ls -ldh에는 작게 보이는 이유를 확인하고, du -sh와 하위 폴더별 용량으로 저장공간을 찾는 순서를 설명합니다.

리눅스2024. 12. 14.3 분