본문 바로가기

전체 글

(137)
js 2023. 2. 21. 13:49
[js]gsap 사용법 jsap cdn **css케밥 케이스를 파스칼 케이스로 변경 ex) font-size > fontSize background-image > backgroundImage ** px를 제외한 수치를 따옴표 사용 ** 색상의 경우 헥스코드가 아닌 영문도 사용 가능 1. gsap.to css 설정값 → script 설정값 ex) 로드 시 .box가 w200h200에서 w100h100으로 .5초동안 변화함 2. gsap.from script 설정값 → css 설정값 ex) 로드 시 .box가 w200h200에서 w100h100으로 .5초동안 변화함 3. gsap.fromTo css 설정값 무시, script 설정값만 인식 ex) 로드 시 .box가 w0h0에서 w100h200으로 .5초동안 변화함 gsap.fro..
css 2022. 12. 29. 14:55
[css]가로모드/세로모드 @media (orientation: Portrait) { /* 가로세로 / 가로모드 */ }
php 2022. 12. 21. 13:24
[php]폴더 내 파일 배열로 추출하기 $folder = "temp_".basename($_SERVER['PHP_SELF'],".php")."/"; $file = scandir($folder); print_r($file);
php 2022. 12. 19. 13:13
[php]배열 함수 기존 배열에 삭제할 데이터를 담은 배열을 비교 후 삭제 $array1 = array('red','blue','green','yellow','pink'); $array2 = array('blue','yellow'); print_r($array1); // Array ( [0] => red [1] => blue [2] => green [3] => yellow [4] => pink ) $array1 = array_diff($array1, $array2); print_r($array1); // Array ( [0] => red [2] => green [4] => pink ) $array1 = array_values($array1); print_r($array1); // Array ( [0] => red [1] =..
css 2022. 12. 14. 11:03
[scss]참고 ▶ scss 내 주석 구분 /* 컴파일 되는 주석 */ // 컴파일 되지않는 주석 ▶ scss 파일 생성 시 맨앞에 _(언더바)입력 시, css로 컴파일 되지않음 믹스인 등 사용 시 활용 가능
기타 2022. 12. 12. 10:30
[db]ㄹㅇ기초 1. DBeaver 다운로드 2. 좌측 로컬호스트 > 데이터 베이스 우클릭 후 Create New Database (하단 test) 3. 생성된 db에 테이블 생성 (Create New Table) (하단 my) 4. Create New Columns (하단 id와 pw) $host = "localhost"; $user = "root"; $pw = "password"; $db_name = "test"; $conn = mysqli_connect($host, $user, $pw ,$db_name); ↑ 디비 연결 DBeaver 설치 후 뭔가 아이디랑 비밀번호 설정하는게 나옴 그 때 설정한 user와 pw를 입력하면 됨 $user_name = $_GET['id']; $user_pass = $_GET['pw']..
기타 2022. 11. 29. 16:39
[vscode]수정하지 않은 파일 열어놓기 1. 설정 열기 (Ctrl + ,) 2. enablePreview 검색 3. workbench > editor : Enable Preview 체크해제
css 2022. 11. 25. 14:00
[css]flex 속성 See the Pen flex-grow / flex-shrink by sangmok-ye (@sangmok-ye) on CodePen. flex : 1; → flex-grow: 1; flex : 0 1 20px; → flex : flex-grow flex-shrink flex-basis; flex-grow 얼마나 넓힐 것인가 flex-shrink 얼마나 좁힐 것인가 flex-basis 기준이 되는 너비

top