본문 바로가기

전체 글345

챗gpt 이놈... 이젠 모르는 쿼리 또는 javascript 그리고 php 기능 등 구글링 보다 모두 gpt에게 물어보고 있음... 이거 점점 gpt에게 빠져드는중인데...혹시 유료 버전은 어떤지 모르겠네요... gpt에게 많은 질문을 던진 어느날은 더이상 답변 안해준다고 할때매우 얄미움...그래서 유료 버전을 사용할까 엄청 고민됨... 혹시 이글 보시는분들중 gpt 유료 사용자분들 어떠신지... 2024. 8. 12.
php 마지막 문자 자르기 php 문자열 중에서 마지막 문자 자르기 솔직히 엄청 자주 사용하는 내용인데 가끔 기억이 먹먹해지면서 생각이 안날때가 있어서... ㅎㅎ substr를 이용하면 쉽게 제거할 수 있음. 예> 문자열 : 1,2,3,4,5, 마지막 문자인 "," 콤마 문자를 제거하는 방법 결과 = 1,2,3,4,5​ 2023. 11. 30.
jQuery 최신 버전! 매번 jQuery 최신 버전을 찾을때 구글링 하는데 이제 그것도 귀찮아서 여기 적어둠... 걍 위에 적어놓고 쓰려면 위처럼 사용하면 됨 그리고 다운로드를 하려면 https://jquery.com/download/ 사이트 들어가서 다운받으면 된다. 2023. 9. 15.
php if 축약문 프로그램 코딩하다보면 if 구문 엄청 아주 엄청 많이 쓰지 않나? 그런데 맨날 축약문 사용하려고 기억을 더듬으면 생각이 않나지 않나? 그래서 여기에 적어둠...나만 알면 좀 그러니까 여러분들에게 알려줌... 사실 다 알고 있겠지만 ㅎㅎ;; 보통 if문은 if ($a == "A") { echo "조건 만족"; } else { echo "조건 불만족"; } 이렇게 많이 쓰는데 말이야 이걸 축약하면 echo $a == "A" ? "조건 만족" : "조건 불만족"; 이렇게도 사용가능함! 그러니까 뭐 한줄에 사용가능한 편리함? 이 있는...뭐 그런 코딩이라고 할까... 축약관련 다른것들도 있지만 저게 편해서 걍 저것만 쓰고 있음. 2023. 9. 13.
Mysql 테이블 이름 변경하기 테이블 이름 변경은 사실 개인적으로 자주 사용하는 내용인데 꼭 생각해내려고 하면 잘 생각나지가 않아서 이곳에 아예 새겨넣기위해 작성함 테이블 이름을 변경하려면 기본적으로 rename 명령어를 써야함 예) TEST 라는 테이블 이름을 TEST123 으로 변경하려할때 RENAME TABLE TEST TO TEST123; 이렇게 사용하면 됨! 즉, RENAME TABLE old_table TO new_table; 구문으로 테이블 이름을 변경 오케!@ 참고로 하나더 (One more thing) 여러 테이블을 동시에 변경하는 작업을 할 경우에는 아래 구문 사용 RENAME TABLE old_table1 TO new_table1, old_table2 TO new_table2, old_table3 TO new_ta.. 2023. 9. 12.
홈페이지 제작(한국교통대 대학발전 소통주간) 안녕하세요! 최근 제작한 홈페이지를 소개합니다. 한국교통대학교 총장님 취임 관련해 단기간 운영되는 홈페이지 입니다. 홈페이지 명칭은 한국교통대 대학발전 소통주간 홈페이지 주소 : http://한국교통대학교소통주간.kr 대학발전 소통주간 대학발전 소통주간, 국립한국교통대학교, 제8대 총장 윤승조 www.xn--s39apya8i332aprx22lk4qda134g2a.kr 메인화면의 구성은 별도의 메인화면 구성없이 바로 인사말 페이지로 넘어가며 상단 이미지는 자동 롤링되며 변경되며, 텍스트도 같이 변경됩니다. 그리고 취임사, 프로필로 좌측 메뉴구성이 되어있습니다. 두 번째 메뉴는 주요보직자 소개입니다. 주요 보직자 롤링 구성되어 자동으로 좌측으로 넘어가게 만들었습니다. 세번째 메뉴는 취임 총장의 74개 공약소.. 2023. 5. 10.
숫자만 입력하는 스크립트 See the Pen Untitled by 진격IT (@zsrcvkwa-the-animator) on CodePen. 반응형 소스라 걍 가져왔는데 중요한건 class 의 onlyNumber 입니다. $(function(){ $(".onlyNumber").keyup(function(event){ // onlyNumber 클래스 가져오고 if (!(event.keyCode >=37 && event.keyCode 2023. 3. 16.
따라다니는 배너 만들기 아래 이미지를 보면 카카오톡 채널 배너가 우측에 있는걸 확인할 수 있습니다. 현재 이미지라서 고정되어 있어 보이지만 홈페이지 http://체크앤체크.kr/ 를 들어가보면 움직이며 따라다니는 모습을 볼 수 있습니다. 뭐 따라다니는 배너 , 고정된 배너 등등 여러가지 스킬들이 있지만 지금까지 적용한것중 가장 방법이 쉬워서 이렇게 공유합니다. See the Pen Untitled by 진격IT (@zsrcvkwa-the-animator) on CodePen. 이미지 링크걸고 id값으로 floatRight 으로 CSS 조절해가며 우측 또는 좌측 마음대로 이미지 위치 이동 가능하고 스크립트 위 위 소스만 적용해주면 따라다니는 배너를 쉽게 만들수 있습니다. 지금까지 제가 써본것중 적용하기 쉽고 단순해서 좋네요. 2023. 3. 8.
눈 오는 스크립트 이미지를 보면 마치 눈이 오는듯 무언가 내리는 모습을 볼 수 있습니다. 눈 내리는 모습을 홈페이지에 입히고 싶을때 간단하게 작업하면 좋을거 같아서 공유 합니다. 참고 주소는 http://peoplehome.co.kr/test2.html 눈 오는 스크립트 peoplehome.co.kr 위 주소 들어가서 오른쪽 마우스 소스보기 하셔도 되고, 해당 소스는 아래와 같습니다. 2023. 1. 6.
css 글자 애니메이션 효과주기 1선 See the Pen Untitled by 박상언 (@zsrcvkwa-the-animator) on CodePen. 텍스트가 위아래로 통통 튀는? 애니메이션 효과입니다. 2022. 11. 30.
청주 홈페이지 제작 - 오즈컨츄리 오랜만에 홈페이지 제작 관련 블로그를 합니다. 이번 블로기에 올리는 홈페이지는 오즈컨츄리 입니다. 제작은 올 여름쯤 했는데 이제서야 올리네요. 많이 게을러진.... 아무튼 청주에 있는 오즈컨츄리라는 쇼핑몰을 제작했으며, 오즈컨츄리는 핸드메이드 가죽공방 및 가방, 지갑, 파우츠 등 수작업으로 이루어진 작업을 통해서 만들어진 가죽 제품을 판매하는 곳 입니다. 메인화면은 깔끔하게 위 이미지처럼 구성되었고 하단에 인스타그램 연동되게 되어 있는데... 연동이 안되네요. 한번 점검해봐야겠네요! 메뉴 구성은 가방, 지갑, 파우치, 굿즈 등으로 구성되어 있습니다. 세상에 하나밖에 없는 가죽제품이라고 볼 수 있겠네요. 홈페이지 제작을 맡겨주셔서 감사드리며, 오즈컨츄리 사업 무럭무럭 번창하시기 바랍니다!~ 2022. 11. 18.
jQuery 체크박스에 전체 체크하기 사실 잘 안쓰는? 스킬이긴 하지만 아주 간혹 이 기능을 사용할 경우가 생기곤 합니다. 그래서 여기 남깁니다. 바로 체크박스에 전처체크 하기!~ See the Pen Untitled by 진격의 IT (@zsrcvkwa-the-animator) on CodePen. 이 기능을 사용할 코딩이 안생기길... ㅋ 아 참고로 " target="_blank" rel="noopener">'http://code.jquery.com/jquery-latest.min.js'> 위 스크립트는 jQuery 항상 최신버전을 가지고 오는 url 입니다. 2022. 11. 4.
css 이미지 마우스 오버시 확대 홈페이지 작업하다보면 가끔 이미지에 마우스 오버할때 애니메이션 효과등을 넣으면 조금이나마 고급스러운? 느낌을 줄 수 있는데 유용한 소스? 입니다. 이미지에 마우스 오버시 약간 확대되는 css 효과입니다. See the Pen Untitled by 진격의 IT (@zsrcvkwa-the-animator) on CodePen. 2022. 11. 1.
css 이미지 수직 정렬 코딩을 하다보면 간혹 이미지를 수직정렬 하는 문제가 생기곤 하는데 이럴때 사용하면 유용할듯하기도 하고 구글링도 귀찮아서 이곳에 남깁니다. 이미지 수직 정렬 방법에는 여러가지가 있는데 첫번째 position 을 이용하는 방법, 두번째는 line-height 를 이용하는 방법, 세번째는 :before / content 를 이용하는 방법, 네번째는 flex를 이용하는 방법이 있습니다. See the Pen Untitled by 진격의 IT (@zsrcvkwa-the-animator) on CodePen. 위 소스를 보고 활용하면 좋을거 같습니다. 2022. 10. 26.
css 이미지 가운데 정렬 코딩을 하다보면 가끔씩 이미지 중앙정렬을 검색하게 됩니다. 이게 외워서 하면 좋은데 잘 안외워져서... 걍 이곳에 남김! 첫번째 방법 그런데 위 방법이 간혹 안되는 경우가 있는데 그럴땐 두번째 방법 img { margin: auto; display: block; } margin auto 만으론 중앙정렬이 안됨! 그래서 블록으로 감싸줌 그리고 마지막 세번째 div { display: flex; justify-content: center; } img { width: 60%; } 세 번째 방법은 display flex를 사용하는 것입니다. display flex 만으론 작동하지 않아서 justify-content 라는 추가적인 속성을 줍니다. 우선 수평으로 가운데 정렬이고 담번에 수직 가운데 정렬도 넣어놔야겠.. 2022. 10. 25.
bxSlider 이미지 슬라이드 홈페이지를 제작하다 보면 이미지 슬라이드 기능을 자주 사용하곤 하는데 아주 좋은 bxSlider 입니다. 사용하기도 매우 쉽고 MIT 라이센스로 무상으로 제한없이 누구나 사용 가능하며, 반응형 홈페이지에도 적용되니 이보다 좋을수 없을듯합니다. 참고로 MIT 라이센스는 미국 매사추세츠 공과대학교(MIT)에서 해당 대학의 소프트웨어 공학도들을 돕기 위해 개발한 라이센스입니다. MIT 소프트웨어를 누구라도 무상으로 제한없이 취급해도 좋지만 저작권 표시 및 이 허가 표시를 소프트웨어의 모든 복제물 또는 중요한 부분에 기재해야 합니다. 그리고 저자 또는 저작권자는 소프트웨어에 관해서 아무런 책임을 지지 않는다. 뭐 구글에 bxSlider 검색하면 많이 나오긴 합니다. 아무튼 전 이곳에 남겨 봅니다. 사용법은 Se.. 2022. 10. 21.
css 자동줄바꿈 html 코딩을 하다 보면 text가 width 를 넘어설 경우 css를 이용하여 자동 줄바꿈을 할 수 없을까 라는 고민 대부분 있을겁니다. 항상 구글링에 css 자동줄바꿈 검색해서 사용하곤 했는데 홈페이지 작업하면서 궁금했고 자주 찾았던 내용을 블로그에 남기기로 했습니다. 첫번째 자동 줄바꿈 keep-break keep-break 는 기본적으로 줄이 넘어갈 때는 단어 단위로 자릅니다. 그래서 띄어 쓰기를 하지 않고 글을 쓴다면 한 단어로 인식하여서 width 를 넘어가도 줄바꿈이 되지 않습니다. 그럴 때 keep-break 를 사용해주면 줄바꿈이 가능하게 됩니다. See the Pen Untitled by 박상언 (@zsrcvkwa-the-animator) on CodePen. .keep-break {.. 2022. 10. 19.
구글 픽셀워치 가격, 디자인, 기능 구글 픽셀워치는 10월 13일에 출시되며 10월 6일부터 사전예약을 시작했습니다. 구글의 웨어러블 소프트웨어가 탑재된 스마트워치의 판매를 시작했네요. 이제 3파전 이네요! 애플워치, 갤럭시워치, 구글워치 점유율로는 애플워치가 전년대비 5% 증가로 2021년 36%를 찍었고, 갤럭시워치가 10%, 그외 화웨이(7%), 샤오미(5%) 정도 하네요. 아직 시작단계의 구글워치가 3파전에 끼려면 시간이 걸리겠지만 구글 브랜드 가치를 보면 제 생각엔 금방 합류할것으로 예상됩니다. 대표적 기능으로는 구글 지도와 구글 페이 등 모든 구글의 서비스를 제공하며 핏빗의 건강 기능도 이용할 수 있습니다. 구글 픽셀워치의 가격은 349달러(LTE), 399달러(GPS) 입니다. 구글 픽셀워치 사양 가격 349달러(LTE), 3.. 2022. 10. 13.
input box 숫자만 입력 3가지 첫번째 방법 input type을 "number" 로 지정합니다. 두번째 방법 자바스크립트(Javascript)로 컨트롤 합니다. input 박스에 키를 입력할때 CheckNum 함수를 이용하여 숫자만 입력 가능하게 제어합니다. 세번째 방법 정규식 이용하기 "oninput" 함수는 데이터를 입력할때 바로 데이터를 확인하거나 특정 이벤트를 줄때 사용합니다. 구글에 oninput 함수 검색하면 수두룩하게 나오니 궁금하신분들은 다시한번 검색해보시기 바랍니다. 그리고 만약 숫자가 아닌 다른 값이 입력되면 replace() 함수로 값을 대체합니다. 이런식으로 숫자만 입력가능하게 하는 방법을 알려드렸습니다. 저도 매번 찾아서 하다보니 귀찮아서 그냥 제 블로그에 올려서 보려다보니 이렇게 블로깅을 하게되었네요. ㅋ 2022. 10. 12.
css 마우스 오버 버튼 효과들 See the Pen Untitled by 진격의 IT (@zsrcvkwa-the-animator) on CodePen. 2022. 10. 11.
CSS 따라다니는 배너 만들기 위 소스는 우측 상단쯤에 항상 따라다니는 배너를 만드는 소스입니다. 홈페이지 제작할때 엄청 많이 사용하곤 하는데 항상 소스를 찾아서 하다가 걍 이곳에 뒀다가 쓰려고 이렇게 블로그에 남깁니다. ㅎㅎ;; 필요하신분들 가져가서 사용하시길요!~ 2022. 10. 7.

티스토리툴바