비온뒤 맑음. 하말의 숨겨진 블로그

https://www.youtube.com/watch?v=7neASrWEFEM 해당 유튜브 영상을 정리한 것 입니다. 기본 1 2 3 4 5 6 7 8 9 10 .container { background: beige; height: 100vh; } .item1 { background: #ef9a9a; } .item2 { background: #f48fb1; } .item3 { background: #ce93d8; } .item4 { background: #b39ddb; } .item5 { background: #90caf9; } .item6 { background: #a5d6a7; } .item7 { background: #e6ee9c; } .item8 { background: #fff59d; } .it..

https://www.youtube.com/watch?v=nxi1EXmPHRs 위 유튜브를 따라해 본 것 입니다. 부모 요소에게만 그리드 적용 .container { display: grid; grid-template-columns: repeat(3, 1fr); } 굉장히 띄엄 띄엄 있음 자식 요소에게 크기를 정해줌 .container { display: grid; grid-template-columns: repeat(3, 1fr); } .image { width: 100%; height: 100%; object-fit: cover; } grid-template-areas body { padding: 5rem; background-color: black; } .container { display: gri..

* { /* flex 1차원적 배치, wrap을 통해 그리드 느낌으로 할 수 있음 */ display : flex ; /* 한줄을 차지하는 div 요소들을 가로로 배치가능 */ flex-direction : column /* 쌓이는 방향을 세로로 바꿔줄수있음 (기본 row) */ } *{ display:grid /* 부모에서 그리드의 전체적인 모양과 사이즈를 정함 */ grid-template-columns : /* 가로 */ grid-template-rows : /* 세로 */ grid-template-areas : /* */ grid-gap : /* 그리드 간격 */ grid-column-start : grid-column-end : grid-row-start : grid-row-end : grid-..

https://youtu.be/WvsiPBsJq7k?si=BrJ2edtvaYJSKwZU host name에 "http://" "ftp://" "sftp://" 등을 빼고 적는다. ( 영상 1분경 ) Leave out “http://,” “ftp://,” “sftp://,” etc. from the host name. (about 1 minute into the video) ex> https://blingstarhamal.tistory.com/ (x) => blingstarhamal.tistory.com/ (o)

https://www.youtube.com/playlist?list=PLTb3qGCzYjS3cIanQ9DFx7zDiejgnnql1 div class="container-fluid" sm, md, lg, xl, xxl (breakpoint) padding(p), margin(m) p- ( 0~5 ) p-0 ( top-t / bottom-b / left(start)-s / right(end)-e / x axis(left&right)-x / y axis(top&bottom)-y ) gap ( div 내에서 간격 조절 ) class="color" background color : bg- text color : text- text-bg- text- bg- table class="table " table-strip..

레이어 팝업을 띄워야해서 준비했던것 정리 1. 기본적으로 레이어 팝업은 아래 블로그에서 그대로 복붙했다. 다만 그대로 복붙하면 주석처리가 이상해졌고, 일부분을 수정했기에 다시 남겨본다. https://kideagle.tistory.com/85 레이어팝업 공지 (오늘 하루 열지 않기) 오늘 하루 이 창 열지 않음 닫기 kideagle.tistory.com

오늘도 설치 프로그램을 하나로 통일해야겠다고 다짐하며 글을 작성 대부분의 프로그램을 homebrew를 이용하여 설치했다고 생각했다. # homebrew 설치 리스트 확인 brew list # 프로그램의 설치 정보 확인 (php v8.4) brew info php@8.4 리스트에 나온 설치된 php는 각 5.6, 8.1, 8.4 8버전에 무엇일까 고민하며 8.1과 8.4의 php.ini 파일을 수정했는데 적용이 안된다. 이럴 때는 로컬호스트를 이용해 보는게 맞다고 싶어서 phpinfo()를 이용했다. # phpinfo.php

php로 작업을 하게되었는데 국내 자료들에는 주로 mysqli를 사용하는 분들이 많은데 범용적으로 사용하기 위해서 pdo로 찾아보았다. PHP MYSQL PDO CONNECT 1 $dbHost="localhost"; $dbName=“db”; $dbUser="root"; $dbPassword= “pass”; $dbChar= "utf8"; $dbc = new PDO("mysql:host={$dbHost};dbname={$dbName};charset={$dbChar}",$dbUser,$dbPassword); CONNECT 2 ( conn.php ) DISCONNECT $stmt = null; $dbc =null; INSERT QUERY $query = “INSERT INTO $tableName ( a , b ..