• profile_image 오토잇은 두가지를 받아야 합니다.1) 컴파일 프로그램2) 에디터 프로그램먼저 첫번째 컴파일 및 예제가 있는 파일을 받습니다.autoit-v3-setup.exe 프로그램을 실행하면 실행을 시킬것인지 에디터를 열것인지 물어 보는데요.실행을 선택하지 말고 반드시 에디터를 열것을 선택하시면 됩니다. 그래야 컴파일 시키죠.그리고 그 이전에 32bit, 64bit 선택하는것이 나오는데 아무거나 해도 일반 실행에는 관계 없습니다.그냥 다음 누르세요.그냥 캡…
  • profile_image 기억이 가물가물 할정도로 웹사이트 들어갈때 대문 같은것 있었지요.그게 프로그램 만들던 사람들이 만들어서 그런듯. 요즘도 포토샵이나 어떤 프로그램 실행 시키면 초기 이미지로된 어떤 것이 나옵니다. 심심하지 않도록 하는 의미도 있고, 어플 실행시 나오기도 합니다. 하지만 웹사이트나 어플에서 요즘 그런것 보이면 답답하지요. 빨리 본래의 컨텐츠가 나와야 하는데... ; png는 오류는 나지 않지만 화면에 나오지 않는다. jpg 파일로 지정해야 된다. …
  • profile_image 전체 창을 최소화 시킬 일이 생겨서 만들게 되었습니다.하지만 함수가 이미 제공이 되고 있네요.윈도우 목록에서 특정한 제목이 있는 윈도우 창만 최소화 시키고 싶은 경우가 있을 경우 아래 참고하여(if문만 추가하여) 사용하시면 됩니다.아래 '린나이' 라고 되어 있는 부분이 윈도우창의 이름입니다. 이부분만 변경하여 사용하면 됩니다.Local $aList = WinList()For $i = 1 To $aList[0][0]  If $aList[$i][0…
  • profile_image 특정 컴퓨터에서 일어날 수 있고 다양한 상황이 있을 수 있습니다.뭔가 새로운것을 할 때 한방에 되었으면 하는데 그렇지 않은것이 더 현실적인 경우죠. 이런것이 쌓여서 능력이 되고 역량이니 좋은게 생각하고 즐기라고 하기도 합니다.오토잇은 탐지 프로그램으로 부터 오해가 많은 언어 입니다.그리고 최근 들어 업데이트가 느린 부분도 있고 베타버전 보면 전혀 개발을 안하는것 같지는 않은데 마지막 버전이 나오고 뜸한 부분이 없지는 않습니다. ** 잘 되던것이…
  • profile_image 오토잇이 기본적으로 GUI환경에서 프로그램 하는것으로 되어 있어 CLI환경에서 실행 했을때 어떤 메시지를 출력하고 싶은 경우가 생깁니다.예를 들면 흔하게 볼 수 있는 파일이 있는지 없는지 체크 하여 없을 경우 오류메시지그런데 기본설정으로 MSBOX(0, '제목', '내용') 형태의 GUI 환경으로만 출력이 가능합니다.그리고 외부 실행 했을때 파일이 없을때 'FILE NOT' 이라고 출력후 그 결과를 외부실행파일에서 변수로 받아서 처리하고 싶은경…
  • profile_image 앞단에 프로세스ID나 또는 프로그램 파일명을 기준으로 종료 시키는 프로그램을 올렸는데요. 이번에는 핸들이나 윈도우 타이틀을 비교해서 프로그램 종료 시키는 방법입니다.프로그램은 아래와 같습니다. 제목 부분은 반드시 넣어줘야 하고. 내용 부분은 선택사항 입니다.WinCloseCloses a window.WinClose ( "title" [, "text"] )$winTitl  = '제목 없음'$winText  = ''; test 테스트Run($prg…
  • profile_image 프로그램은 상당히 간단합니다.여기선 파일명을 기준으로 종료하는 프로그램입니다. 창의 명칭으로 종료하는 프로그램은 다음에 올립니다. ProcessExists 이 부분은 없어도 됩니다. 있는지 체크하는것인데 없는것 ProcessClose 한다고 하여 별도 에러가 발생하거나 하지 않기 때문입니다. 그리고 pid 값을 넣어도 프로그램은 종료 됩니다.바탕화면에 이런 프로그램 하나 만들어 놓고. 맘에 안드는것 목록을 만든다음 한번에 일괄적으로 프로그램 종…
  • profile_image 반응형으로 만들기 좋은 부트스트랩에 관한 툴이 있는 사이트입니다.가끔씩 사용할때 레이아웃이 생각나지 않은 경우 이용하면 좋습니다.지원하는 버전은 현재 버전보다 낮은 4버전 이긴 하지만 기본적인것은 동일하기 때문에 사용하는데는 큰 문제는 없습니다. * 찾을 때 검색한 키워드bootstrap design toolbootstrap builder* 부트스트랩 레이아웃 관련된 사이트 https://www.bootstrapcdn.com/https://bo…
  • profile_image 현재 페이지에서 표현이 되고 있는 스타일을 간단하게 자바스크립트로 볼 수 있는 방법입니다.const fontSize = Number(window.getComputedStyle(document.body).getPropertyValue('font-size').match(/\d+/)[0])위에대한 설명입니다.window.getComputedStyle(document.body) - HTML BODY에 대한 모든 스타일을 얻으려면getPropertyVa…
  • profile_image 글자색을 지정하는 방법에 대한 것입니다. font-color 같은것을 사용해도 되겠지만 가능하면 프레임워크 사용할때는 프레임워크에서 지웒는것이 있는지 찾아본 다음 있으면 그것을 사용하는것이 좋기 때문입니다.텍스트 컬러에 대한 표준적인 형태로 잘 정리된 표 입니다.
  • profile_image 일반적으로 제목이 길면 2줄로 나오게 됩니다. 너무 긴 경우 더 나올수도 있겠지요.그런 경우 백엔드에서 잘라서 보여주기도 하곤 합니다.이런 경우 css 처리 방법에선 hidden을 주면 됩니다.부트스트랩에선 overflow-hidden 클래스만 추가해주면 기본적인 길이에서 넘치게 되면 보이지 않게 처리를 합니다.높이게 대한것과 길이에 대한 부분은 필요하면 style 속성을 추가해서 해주면 됩니다.a 태그도 필요하면 style 줘서 높이와 길이 …
  • profile_image 부트스트랩 배지(badge) 패딩 주기 입니다.기본은 너무 바짝 붙어서 패딩을 주었으면 하는데 위 이미지 참고 하면 됩니다.마진과 패딩 가끔 사용하다 보니 얼마나 헷갈리는지... 패딩은 겨울옷 패딩을 생각하면 되고 마진은 밖에서 남겨 먹는거라~
  • profile_image 다음에 찾을때 필요할듯 하여 올림.!!반응형을 처리 하는 방식에 대한 이름(명칭) 입니다. 화면의 크기와 더불어 요즘은 해상도가 커지면서 글자 크기에대 한 부분도 같이 신경써야 합니다. squish, scroll, collapse rows, collapse columns 방식의 반응형 모델 입니다.
  • profile_image 버튼을 클릭하면 아작스를 통해서 서버로 보낸다음 버튼의 색을 변경하고 명칭도 변경하여 목록으로 이동 할 수 있게 하는 기능을 만들다 보니 이런것이 필요하게 되었습니다.처음의 버튼은 '글 삭제하기'였습니다.그리고 클릭하여 정상적으로 삭제가 되면 메시지를 하나 보여주고 '정상적으로 삭제 되었습니다.' 그리곤 아래의 jquery 명령으로 버튼를 변경해 줍니다.  - 버튼의 명칭을 변경합니다.  - onclick 특성을 줘서 클릭하면 주소를 이동합니다…
  • profile_image 오래전 부터 있었지만 외면을 많이 받아 왔다.문제는 배움의 시간인데 그리고 활용성과 지원을 언제 까지 해주느냐의 문제가 된다.또한 PHP로 만들어야 하는데 이는 웹사이트에 특화되어 있기 때문에 꼭 나쁘다는 것은 아니지만 활용성에 대한 문제도 있다.얼마나 많이 사용되지 않는가는 아래 사이트를 보면 알 수 있다. PHP-GTK - DownloadsPPHP 공식사이트의 링크를 타고 들어갔는데 관리가 안되어 GTK2 버전에 대한 소개만 있다.  결론은…
  • profile_image 잘못되었다고 표현 할 수도 있지만 기준을 정해준것이 아니기 때문에 잘못이라고 말하긴 그렇지 않나 싶습니다.한달전과 한달후의 문제 인데요.한달의 기준은 다음과 같습니다. 보통의 한달은: 30일, 31일2월은: 28일, 29일  echo '잘못된 하달전: ' . date('Y-m-d H:i:s', strtotime('2023-03-31 00:00:00 -1 month')) . PHP_EOL;  echo '일자를 사용  : ' . date('Y-m-…
  • profile_image 객체에 대한 생성자와 소멸자에 대한 것입니다.생성자는: 인스턴스 생성될때 자동으로 뭔가 실행 시키고 싶을 때 사용소멸자는: 인스턴스 종료될때 자동으로 뭔가 실행 시키고 싶을 때 사용  // 생성자, 소멸자 테스트용 클래스  class A  {    private $msg3 = '';  // 생성자    public function __construct($msg) {      $this->msg3   = $msg;      echo __…
  • profile_image 테스트를 위한 더미 파일 입니다.대량으로 파일을 전송하는데 얼마정도의 시간이 걸릴지 체크 하여 이 방식으로 사용가능 한지 확인 하는 용도 등으로 사용 될 수 있습니다.  // mkdir dummy_file  $dummyPath  = __DIR__ .'/dummy_file';  $maxFileNum = 20;  for ( $aa=1; $aa<=$maxFileNum; $aa++ ) {    $fileSizeMega   = rand(10,20)…
  • profile_image 실행도중 멈추는 현상은 여러가지가 있을 수 있지만 이번엔 메모리 관련 입니다.Fatal error: Allowed memory size of 268435456 bytes exhausted (tried to allocate 196608 bytes)이런 메시지가 나오면서 메모리가 부족하다고 할때 사용하는 옵선에 대한 것입니다.    set_time_limit(0);  ini_set('memory_limit','4096M');  date_defaul…
  • profile_image 특정 데이터에 대해서 세션이 변경되거나 다시 로그인 하거나 여러가지 형태의 데이터를 유지하고 관리 하려면 파일로 저장하거나 대량이면 DB를 사용합니다. 여기서 많지 않은 데이터를 서로 공유하면서 관리를 해야 되는 그런 경우가 있을 수 있는데 이때 사용하면 좋을 것 같아 올려봅니다.예를 들면) 부정사용자나, 또는 특정 패턴을 가진 IP를 차단하거나 하는 등의 정보를 가지고 있다가 처리 하는 것입니다.PHP에서 프로세스간의 데이터를 공유하는 방법으…
  • profile_image 이미지파일인지 문서파일인지 구분등을 하기위해서 mime 값을 가지고 하는 방법도 있지만 일반적으로는 파일의 확장자를 이용해서 비교를 많이 합니다.이때 필요한 부분인데요. 간단한 방식의 파일 확장자만 얻어 내는 함수 입니다.  /**   * 파일 확장자   *   * @param string $file   *   * @return string   *   */  function file_ext( string $file ) : string {    …
  • profile_image 결론부터 말하면 MySQL 마스터 슬레이브 설정되었을때 예기치 않게 서버가 죽거나 하였을때 주고 발생을 합니다.통상적으로 파일명 지정을 다음것으로 하면 해결이 됩니다.그리고 테이블 체크는 별도로 해보셔야 합니다.mysql> show slave status \G*************************** 1. row ***************************               Slave_IO_State:          …
  • profile_image 배쉬쉘에서 사용하는 간단한 백업 스크립트 입니다.매일 스케줄러에 의해서 실행이 되면 일자로 디렉토리를 만들고 파일을 복사합니다.백엔드에서 중요한 확장자인것을 매일 백업 받아 관리가 필요할때 사용하면 좋습니다.  #!/bin/sh  # 숫자가 아닌것을 사용할 경우 언어 확인   DATE_DAY=`date +%d`  DATEWEEK=`date +%u`  HOSTNAME=`hostname -s`  #   DIR_SRC=/www/html/src  DI…
  • profile_image 마스터 슬레이브 구조에선 마스터에서만 쓰기 기능이 되고슬레이브에선 읽기 기능만 사용하는 형태로 많이 사용합니다.슬레이브에서 쓰기 기능이 있다면 마스터와의 데이터 차이 때문에 문제가 발생합니다.물론 데이터베이스를 지정해서 서로가 슬레이브 역활과 마스터 역활을 하게 설정 하기도 합니다.여기선 이런 부분은 아니고 마스터와 하위에 슬레이브가 여러대 있는 구조를 말합니다.아래와 같이 설정을 해주면 됩니다. 서버가 다시 시작해도 적용을 시키기 위해선 환경…
  • profile_image IP가 어느나라의 소유인지 알 수 있는 GeoIP CSV 데이터 입니다.예전엔 받을 수 있는곳이 좀 있었는데 유료로 변경되어 받을 수 없었는데 한곳 찾았습니다.IP 대역에 대한 국가를 알 수 있습니다.* GeoIP 다운로드 받는 곳파일 다운로드는 첨부된 링크에 들어가시면 됩니다.파일은 csv 형태로 받을 수 있으며IPV6에 대한 정보도 있습니다. 대부분 IPV4 입니다.* 프로그램으로 이 파일을 처리하는 방법은 대략 다음과 같습니다.- IPV4…
  • profile_image 현재 사용중인 리눅스의 CPU 정보에 대한 것입니다.그런데 프로세스는 가상으로 돌리고 있는곳의 경우 정확히 믿을 수는 없습니다.자신의 서버라면 본인이 잘 알겠지요. 하지만 이 사이트 처럼AWS의 서버를 이용하거나 AWS가 아니더라도 가상환경의 서비스를 이용하는 경우라면 데디케이트 서비스 이냐아니냐에 따라 CPU의 갯수의 의미는 달라 집니다. 다만 이런것 확인하는것은 초기 조사할때 속도나 환경등 비교를 해야 할때 필요한 정보입니다.CPU의 경우 …
  • profile_image MySQL 서버 운영시 볼 수 있는 오류중 난감한것중 하나 입니다.왜냐하면 데이터가 날라갔을 수 있기 때문이죠.여러가지 원인이 있을 수 있는데 우선은 디스크용량 부터 보는것이 좋습니다.그 외에는 갑자기 꺼진적이 있었는지 ..그렇지 않다면 바쁜 서버여서? 운이 나쁜것입니다. ERROR 1194 (HY000): Table is marked as crashed and should be repaired일반적으로는 select도 안되는경우가 있고 상황은…
  • profile_image 보통은 killall 명령으로 종료가 되는데 안되는 경우 -9 옵션을 줘서 처리해야 되는경우가 있습니다.이런 경우 사용하는 간단한 스크립트? 입니다. ps -aef | grep "/php/" | grep -v "grep" | awk '{print $2}'위에서 grep -v 옵션을 준것은 현재 내가 사용하고 있는 grep는 제외 시키기 위해서 입니다.이렇게 확인한 다음 종료를 시킬때는 아래와 같이 하면 됩니다.kill -9 $(ps -aef |…
  • profile_image 파일저장이나 또는 가져올때등 상대경로로 호출 하는 경우도 있지만때론 전체 경로를 알아야 되는 경우가 있습니다.그럴때 현재 디렉토리 기준으로 처리하면 좋은때 이럴때 사용 합니다.  // 현재 디렉토리   const _DIR_   = process.cwd();  php의 __DIR__ 과 같은 역활 입니다.확인 결과 위 예제는 잘 되는 것입니다. 현재 V16 버전에서 문제 없었습니다.버전 업그레이드가 심해서 안되는것 들이 종종 입니다.요즘 언어들 …
  • profile_image 현재 nodejs 실행중인 유저를 알아내기 위한 것입니다.같은 프로그램을 쉘에서 실행하기도 하고 웹서버를 통해서 실행하기도 합니다.그런 경우 파일을 쓰게 되면 문제가 발생합니다.  import os from "os";  let osUser  = os.userInfo().username;  if ( osUser  == 'root' ) {    console.log('루트 유저: ', osUser);  }  else {    console.log(…
  • profile_image 아작스로 서버에 전송하는 기능까지 테스트 된것입니다.jQuery 버전에 따라서 ajax 전송하는 방식이 약간 다른 부분이 있으니 버전 참고하세요.본인이 현재 사용하는것과 여기 샘플의 버전이 비슷하면 문제가 되지 않을듯 싶습니다.<!DOCTYPE html><html lang="ko"><head>  <meta charset="UTF-8">  <meta http-equiv="X-UA-Compatible…
  • profile_image 백엔드의 PDF-LIB에서 폰트를 지정하지 않으면 오류가 발생 합니다.영문은 문제 되지 않지만 한글의 경우 오류를 만나게 됩니다.그렇기 때문에 커스텀 폰드를 지정해야 하는데 스탠다드폰트가 아닌 별도 폰트를 사용할 때 필요한 부분입니다.Error: WinAnsi cannot encode "한" 이러한 오류를 만나게 된다면 한글을 사용할 수 없는 폰트이기 때문입니다.    // https://pdf-lib.js.org/#examples  impor…
  • profile_image 특정 문자로 구분자를 줘서 문자열로 만들어주는 함수인데요PHP의 implode에 해당하는 기능입니다.배열의 경우는 간단하게 join 메소드를 사용하면 되는데요. 객체는 안되기 때문에 만들어진것입니다.  let aa = {    'bb1' : 345,    'cc'  : 23,    'ee'  : 'abc'  }  let bb = ['name','2',33,5,'age'];    /**   * 문자열 구분자로 합치기   *   * @param s…
  • profile_image 파일명에서 파일의 확장자만 필요한 경우 사용합니다.자바스크립트 이긴 하지만 nodejs에서 사용해도 동일합니다.블라우저의 자바스크립트에서 사용하는 함수를 백엔드의 노드에서 사용해도 문제 없습니다.  /**   * 파일 확장자   *   * @param string file   *   * @return [type]   *   */  function file_ext( file ) {    let fileExt  = file.split(".").po…
  • profile_image 다른 프로그램 언어와 데이터를 주고 받을때 많이 사용하는 json 문자열과 객체형태로 서로 변환하는 방법에 대한것입니다.여개서 객체는 연관배열로 생각하시면 됩니다.연관배열은 배열의 키 부분이 문자열이 들어갈 수 있는것을 말합니다.  // json 문자열로 만들기  let oParm   = {    'test'    : 123,    'abc'     : '345'  };  console.log('-- 현재값 --------------------…
  • profile_image ttf 폰트가 필요해서 찾아보던중 있어서 소개 합니다.리눅스에서 ttf 폰트가 필요하면 이사이트를 이용하면 됩니다.ttc를 ttf 폰트로 변환을 해줍니다.● ttc폰트를 ttf로 변환해 주는 사이트  용량은 최대 100MByte 까지만 가능 합니다. 그리고 여러개 같이 있는 경우는 별도 파일로 변환해서 다운로드 받을 수 있습니다.  Convert TTC or DFONT to TTF online — Transfonter 
  • profile_image 요즘 핫하다는 예전부터 아는 사람은 알고 있는 openAPI의 챗봇이다.예전 부터 알사람은 안다는 것은 오픈되어 있지 않은 상태에서의 우수성에 대한것을 알고 있었다는것이다.이제 오픈 되어 누구나 사용할 수 있어 사용해 봤는데..생각했던것 보다 뛰어 나다.먼저 GitHub의 프로그램을 도와준다는 애는 아직 공부가 덜 되어 카드번호 넣고 테스트 후 바로 결제 안되도록 삭제를 했다.오늘 몇가지를 물어 보았는데 다음과 같다. 1. NodeJS와 PHP…
  • profile_image 사이트 스캔 하는지 알 수 없으나 불 필요하게 접근이 많아 확인 하던중 신고하는 곳이 있어 소개 합니다.사이트 주소는 아래와 같습니다.https://msrc.microsoft.com/report/abuse 어떤 대역인지 넣고 간단하게 입력하면 신고 절차는 끝나게 됩니다.그러면 아래와 같은 메시지가 나오고 1일 정도 기다려야 합니다. 그리고 잘 되었는지 안되었는지 기다려야 한다는 점이 문제 입니다.즉결적인 처리가 필요한데 기다려야 한다면 사이트 …
  • profile_image OOP(객체지향) 언어에서 많이 사용되는 디자인 패턴에 대한 소개 입니다.절차형이든 객체형이든 빠르게 문제 없이 잘 운영되는 프로그램이면 뭐로 만들던 관계 되지 않는다고 생각하는 부류에 들어갑니다.복잡성을 띄는 것은 객체별로 분류하고 그 안안에서 또 분류하고 하여 각각을 클래스 단위로 사용하면 좋은 부분이 분명히 있습니다.다만 그렇게 하지 않아도 되는것을 즉, 쉬운것을 어렵게 할 필요는 없다고 생각 합니다.문제가 되는것은 생각(사고)의 습관이기…
  • profile_image 테마의 컬러를 자신이 원하는 형태로 변경하는 것인데요.한두가지 이외에 많이 변경하면 디자이너가 아니라면 비추 입니다. 해보시면 알아요. 잘 되었으면 디자인 감각이 있으신 분입니다.현재 설정이 어떻게 되어 있는지 알 수 있는 방법은 다음과 같습니다.    // https://velog.io/@1nthek/VS-Code-JSDoc-color-theme    // 명령팔레트열고: Developer: Inspect Editor Tokens and Sc…
  • profile_image 테마에서 주석을 이택릭체로 표현을 해주는것이 있습니다.물론 설정을 통해 변경이 가능합니다. 변경하는 방법과 폰트를 변경하는 방법이 있는데 여기선 폰트를 변경하는 방법에 대한 것이고 추천하는 폰트는 '나눔고딕코딩' 입니다. 1) 폰트를 다운로드 받은 다음 압축을 풀어서 ttf 파일을 아래 디렉토리에 복사 합니다.C:\Windows\Fonts 2) 위 이미지 처럼 폰트패밀리 부분에서 변경해 주세요.3) 폰트변경 이외에 이탤릭체로 보이지 않게 하는 …
  • profile_image 웹봇에게 알려 주는 역활을 하는 페이지가 아직도 존재를 하고 있는데요.이런 경우는 네이버 블로그 처럼 관리가 안되는 경우 유용 합니다.오래된 페이지여서 작동 안된다고 생각 할 수 있지만 또한 별다른 방법이 있는것도 아닙니다. 구글에 노출 시키고 있는 웹사이트가 있는데 나오지 않는다면 시도해 보세요.본래는 서치콘솔을 이용하는것이 맞지만 네이버 블로그 처럼 이용하지 못하는 경우가 있습니다.인증을 받아야 하는데 인증을 받을 수 있는 수단이 없기 때문…
  • profile_image 파일 첨부할때 사용합니다.기본이 모든 파일로 되어 있는데 특정 워드파일만 받고 싶다든지 아니면jpg 이미지만 받고 싶을때 선택을 그것만 가능하게 하는 방법에 대한 것입니다. accept 속성에 MIME 값을 넣어주면 됩니다.    <!-- 모든것을 보여줄 때는 아래처럼 하면 된다: 순서대로 오디오,동영상,이미지 -->  <input type="file" accept="audio/*">  <input type="file…
  • profile_image 부트스트랩에서는 대부분 영문의 약자를 생각하면 되면 되는데 문제는 왼쪽, 오른쪽이 아니라 시작, 끝 인것이 있다는 것이다.마진: m패딩: p * 위, 아래top: tbottom: b * 왼쪽 오른쪽 보다는 시작과 끝으로 생각하면 된다.left: sright: e * 포함이다.즉 위아래는 top, bottom이 되고 x는 left, right가 되는것이다.위아래:  y ( left / right )양옆: x (top / bottom)위와 별도로 …
  • profile_image 원하는 것은 이런것입니다.메시지를 보여주고 닫기 버튼만 있어서 닫을 수 있게 하는것이 없네요. 많이 사용할텐데 좀 만들지? 버전이 5.2까지 올라오면서 왜? 그랬을까 하는 생각이 먼저 듭니다.** 부트스트랩 모달 닫기버튼만 보이도록 하기 **<!DOCTYPE html> <html lang="en"> <head> <title>Bootstrap Example</title> <meta…
  • profile_image 부트스트랩 연습하는데 한쪽으로 쏠립니다.다운데로 버튼을 보내고 싶은데요 생각처럼 되지 않아 찾아 보아 정리 한것입니다.다른것들도 방법은 비슷합니다. 가운데 정렬하고 싶을대 말입니다. 테이블 같은것도 비슷한 원리 입니다. 부트스트랩 버튼을 가운데(중앙) 정렬하기 <div class="row">  <div class="col text-center">    <!-- <button class="btn btn-primar…
  • profile_image 빌더는 처음 사용하는 개발자에게는 상당히 유용 합니다.다운로드를 클릭해야 소스를 볼 수 있습니다.부트 스트랩 빌더https://www.layoutit.com/build 부트스트랩 레이아웃http://shoelace.io/만들어진 레레이아웃 위것 예제https://webruden.tistory.com/76화면 크기별 레이아웃https://blogpack.tistory.com/823
  • profile_image DivTable.com 이란곳에서 가져온것입니다.이 사이트 방문하면 마우스로 끌어서 쉽게 만들 수 있는 방법을 보여 줍니다.테이블은 표이기 때문에 이것으로 레이아웃을 만들지 말라는것입니다. 표 인줄 착각할 수 있기 때문에 그래서 레이아웃 짤때는 아무의미가 없는 div 사용해야 된다는 것입니다.표 형식으로 된것은 당연히 table 사용해야 되는데 이때 div 쓰면 이 또한 바보 입니다.부트스트랩 테이블https://mdbootstrap.com/d…
  • profile_image 보통 찾으면 테이블 안에 있는 것을 어떻게 정렬 하는것에 대해서 나왔는데요.아래 부분은 그것이 아니라 테이블 자체를 왼쪽, 오른쪽 지정 하는것입니다. 부트스트랩은 기본적으로 가운데로 지정 되는것 같습니다.https://stackoverflow.com/questions/38160951/how-do-i-horizontally-center-a-table-in-bootstrap justify-content-startjustify-content-cent…