기술 블로그
용어와 원리부터 시작해 실행 가능한 코드, 테스트와 디버깅, 보안·성능·운영의 트레이드오프까지 연결합니다.
글 목록
CSS position relative와 absolute: 배지 위치가 엉뚱한 곳으로 가는 이유
absolute 요소가 어느 상자를 기준으로 위치를 잡는지와 relative를 부모에 두는 이유를 예제로 설명합니다.
웹3 분
CSS Flex 가운데 정렬이 안 되는 이유: justify-content와 align-items의 축
Flexbox에서 justify-content와 align-items가 움직이는 방향은 flex-direction에 따라 달라집니다. 같은 세 항목을 row와 column에 놓고 가운데 정렬을 확인합니다.
웹3 분
CSS box-sizing과 overflow: 요소 너비가 화면을 넘을 때 확인할 순서
width가 맞아 보이는데 레이아웃이 넘치는 이유를 box-sizing, padding, border, overflow 관점에서 설명합니다.
웹3 분
HTML 시맨틱 태그를 쓰면 접근성과 구조가 어떻게 좋아질까?
div만으로 만든 화면을 header, nav, main, article 같은 시맨틱 태그로 나눌 때 얻는 구조와 접근성 이점을 설명합니다.
웹3 분
Ubuntu apt update와 apt upgrade 차이: 패키지 목록 갱신과 설치를 구분하는 법
apt update가 저장소의 패키지 목록을 갱신하고 apt upgrade가 설치된 패키지를 실제로 바꾸는 과정을 확인합니다.
리눅스4 분
JUnit 테스트는 각각 통과하는데 전체 실행에서 실패하는 이유: static 저장소와 @AfterEach
메모리 리포지토리 테스트가 하나씩은 통과하는데 전체 실행에서 중복 예외가 납니다. static 저장소 공유와 @AfterEach 초기화의 범위, 더 나은 격리 방법을 같은 예제로 확인합니다.
자바/스프링3 분
SQL INSERT 후 COMMIT과 ROLLBACK: 트랜잭션을 되돌릴 수 있는 범위
INSERT가 즉시 확정되지 않는 이유와 COMMIT·ROLLBACK의 경계, 테스트 데이터를 안전하게 다루는 순서를 설명합니다.
DB/SQL3 분