- 한빛앤 MSA #2-1 운영 환경에 내 웹 서버 첫걸음마 시작하기 한빛N MSA(Micro Seminar Assemble)는 한빛미디어가 준비한 작은 세미나 시리즈이다. 시즌2(2024년 상반기)는 스타트업의 선배 개발자가 주니어 개발자에게 들려 줄 이야기를 중심으로 모았다고 하며, 그 첫 번째로는 '웹 서버'에 관한 강의였다. 세미나는 발표 및 QnA로 진행되었으며, 약 1시간 반 정도 진행되었다. 강의 초반에는 DNS, IP 등 네트워크 기초를 다루셔서 너무 쉬운 세미나를 들었나 싶었지만, 중반부터 리버스 프록시, 로드밸런싱 등 실전에 적용할 만한 유익한 내용들도 많이 나왔다. (강사님이 말도 재밌고 조리있게 잘하셨다. 무엇보다 발표자료가 깔끔쓰👍🏻) * 해당 세미나는향후 한빛N “콘텐츠 스토어”..

- 이번에는 웹 페이지 오목이다(1) 이번에는 웹 페이지에서 할 수 있는 게임을 만들어보려고 한다. 바로 '오목'이다. 1. 오목판 만들기 오목판은 JavaScript로 만들었다. 아래는 오목판과 바둑돌이 놓일 위치에 대한 CSS이다. #table { position: absolute; background-color: blanchedalmond; width: 360px; height: 360px; border-collapse: collapse; border-spacing: 0; } #go { position: absolute; margin: 10px; width: 340px; height: 340px; border-collapse: collapse; } .square { border: thin solid..

- EXPLAIN을 이해하여 쿼리 성능 최적화하기 1. EXPLAIN이란? EXPLAIN은 MySQL 쿼리의 실행 계획을 분석하는 데 사용되는 명령어이며, 쿼리를 실행하는 방식과 각 단계에서 어떤 작업을 수행하는지 볼 수 있다. (Explain을 사용하면 쿼리의 성능을 평가하고 최적화할 수 있다.) EXPLAIN SELECT * FROM table_name WHERE condition; 위 쿼리를 실행하면 아래와 같이 해당 쿼리의 실행 계획을 출력한다. - EXPLAIN 출력 컬럼 별 의미 id: 쿼리 내 단계의 순서 select_type: 쿼리의 유형 (단순 SELECT, UNION 등) table: 접근하는 테이블의 이름 type: 각 테이블에 대한 데이터 액세스 방법 (예: ALL, index 등)..

- 자바에서 Map을 반복시키는 방법 Map map = new HashMap(); // Map 생성 // 1. Iterator 사용 Iterator keys = map.keySet().iterator(); while (keys.hasNext()) { String key = keys.next(); System.out.println(String.format("key : %s, value : %s", key, map.get(key))); } // 2. Map.Entry 사용 for (Map.Entry elem : map.entrySet()) { System.out.println(String.format("key : %s, value : %s", elem.getKey(), elem.getValue())); } ..

- div 가운데 정렬하기 [position: absolute일 때 가운데 정렬하는 방법] div를 사용하다 보면 가운데 정렬하고 싶을 때가 많다. 아래와 같은 div가 있고, child를 가운데 정렬하고 싶다고 보자. 눈으로 볼 수 있도록 아래와 같은 스타일을 추가해준다. 이렇게 하면 왼쪽 상단에 갈색 네모가 위치해 있다. .parent { background-color: white; border: solid 1px black; width: 200px; height: 200px; } .child { background-color: brown; width: 50px; height: 50px; } HTML 삽입 미리보기할 수 없는 소스 - 상단 가운데 정렬 이 위치를 상단 가운데로 정렬해보려고 한다. ch..