개발/웹 관련(28)
-
php 금액을 한글로 변환 - 인공지능 이용
문득 금액을 한글로 변환하는 코드가 궁금해서 코파일럿과 챗지피티에 물어봤습니다.1. 코파일럿(Copilot)function number_to_korean($number) { $units = array('', '만', '억', '조'); $numerals = array( array('', '일', '이', '삼', '사', '오', '육', '칠', '팔', '구'), array('', '십', '백', '천'), ); $stack = array(); $unit = 0; while($number > 0) { $group = array(); for($i = 0; $i 코파일럿은 MS엣지 브라우저에서 물어봤는데 코드가 잘 못 되..
2024.07.02 -
구글맵 api 연동 MapOptions 인터페이스
구글맵 연동할 일이 있어 작업하다가 지도에 불필요한 부분들을 안 보이게 해야 되어서 찾아본 내용 중에 몇 가지 옵션 공유합니다.const map = new google.maps.Map(document.getElementById("google_map"), { center: { lat: 37.55068, lng: 126.9962 }, zoom: 17, minZoom: 17, gestureHandling: 'greedy', clickableIcons: false, mapTypeControl: false});center : 초기 지도 중심 좌표입니다.zoom : 초기 지도 확대/축소 값입니다.여기까지는 기본 옵션이고 아래는 작업하면서 필요한 부분들 추가한 내용입니다.minZoom : 지도 최소 축소값..
2024.06.07 -
웹사이트 css flex를 활용한 레이아웃
지난번에 css grid를 활용한 레이아웃을 작성해 봤는데 이번에는 flex를 활용해서 기본 레이아웃을 잡아보도록 하겠습니다. Logo 메인메뉴1 메인메뉴2 메인메뉴3 메인메뉴4 메인메뉴5 메인메뉴6 로그인 회원가입 main image content1 content2 content3 content4 content5 content6 content7 footer먼저 html 태그를 이용해 레이아웃을 구성한 다음 css를 적용해 봅니다. body, html{margin:0; padding:0}ul{list-style:none; margin:0; padding:0;}.common_wrap{posit..
2024.05.21 -
Notepad(노트패드)++ 설치 및 기본 설정
사용 중인 노트북에 데비안 리눅스를 사용하다가 한글 입력에 문제가 있어 윈도우로 바꾼 다음 웹개발을 위한 프로그램을 설치하고 있습니다.그중에 소스 코드 편집을 위해 Notepad++를 설치하고 기본적인 설정만 해봤습니다.먼저 설정 > 환경설정에 들어가서 다크모드로 변경했습니다. 흰색 배경이 눈에 더 좋다고 하던데 이미 많이 익숙해져서 습관적으로 다크모드를 선호하게 되네요. 다음은 언어 메뉴에 들어가서 탭 크기를 변경했습니다. 기본 4로 되어 있는데 2로 변경하고 탭을 공백으로 바꾸기도 체크해 줍니다. 그리고 마지막으로 플러그인 > 플러그인 관리에 들어가서 사용가능 탭에서 ftp검색 후 NppFTP를 설치해 줍니다.플러그인 설치를 하려면 노트패드++을 다시 시작해야 됩니다. 설치 후 플러그인 메뉴에 설치된..
2024.05.13 -
PHPExcel 컬럼 가로 길이 설정하기
PHPExcel을 이용해 DB에 저장된 데이터를 엑셀파일로 저장할 때 가로길이를 지정할 수 있습니다.$col_width_arr = array('7', '20', '10', '10', '20');$x = 0;foreach(range('A','E') as $columnID) { $objPHPExcel->getActiveSheet()->getColumnDimension($columnID)->setWidth($col_width_arr[$x]); $x++;}php 배열로 각 열의 길이를 지정해 준 다음 반복문으로 설정하면 됩니다.그런데 이 방법으로 작년까지는 이상 없이 잘 되었는데 얼마 전 개발하다 보니 제대로 안되더군요..;; 여기저기 찾아보니 setAutoSize 설정에 대한 내용을 알게 되었습니다.$o..
2024.05.05 -
웹사이트 css grid를 활용한 레이아웃
웹사이트 레이아웃을 위한 css는 몇 번을 거쳐 어느 정도 정착하게 되었습니다.2000년도 초기(또는 그 이전)에는 포토샵 slice 기능을 이용한 table layout, 그 후 몇 년간 float, position을 이용한 레이아웃이 주를 이루었던 기억이 있습니다. 마이크로소프트 익스플로러(ie) 때문에 삽질한 추억이 많네요..;;그리고 몇 년 전부터 flex, grid라는 스타일을 이용해 레이아웃을 많이 잡는데 그중 grid 공부할 때 기록해 둔 코드를 다시 살펴봤습니다. Logo main content1 content2 content3 content4 content5 content6 content7 content8 c..
2024.05.02