본문 바로가기

전체 글380

오늘의 긍정 이야기 7일차 오늘은 오랜만에 미세먼지가 거의 없는 깨끗한 날씨다.그래서 환기도 하고 좋은 공기를 듬뿍 마시고 있다.이런 날씨가 많았으면 좋겠다!~ Today, for the first time in a while, the air is clean with almost no fine dust.So I opened up the windows, let the fresh air in, and took deep breaths of this lovely, clean air.I really wish we had more days like this! 2025. 1. 15.
오늘의 긍정 이야기 6일차 며칠 전까지 눈이 계속 왔었다.요즘엔 눈에 미세먼지가 많아서 차에 눈이 쌓이고 녹으면 차가 많이 더러워지는데...오늘 세차를 해서 미세먼지를 싹 씻어냈더니 기분이 매우 상쾌하구나!~ It had been snowing non-stop until just a few days ago.And you know how snow these days comes with a sprinkle of fine dust—so when it melts on the car, it’s like Mother Nature gave you a free mud bath. 🙃But today, I finally gave my car a proper wash.Bye-bye, dust! Hello, shiny car!It felt so re.. 2025. 1. 14.
오늘의 긍정 이야기 5일차 오늘의 긍정이야기는 아니고 어제의 긍정이야기이다.아이들이 이게 중.고딩이 되니  부모보단 친구들과 노는걸 즐겨한다.어제 아이들 둘 다 친구들을 만난다고 밖으로 나갔다.그래서 간만에 와이프와 난 둘다 좋아하는 맥주를 먹으며 여유로운 시간을 즐겼다. This isn’t today’s positive story, but yesterday’s.Now that our kids are in middle and high school, they seem to prefer hanging out with their friends over spending time with us.Yesterday, both of them went out to meet their friends.So my wife and I enjoyed a .. 2025. 1. 13.
오늘의 긍정 이야기 4일차 요즘 학생들이 방학을 해서 그런지 도로에 차가 별로 없어서운전하기 좋다. Maybe because students are on vacation these days, the roads are much less crowded—it's actually pretty nice to drive! 2025. 1. 10.
오늘의 긍정 이야기 3일차 오늘부터 아이들이 학교를 안간다!매일 매일 아이들 학교를 차로 데려다 주는데...오늘부터 안그래도 되네? ㅎㅎ  Starting today, the kids aren’t going to school!I usually drive them every single day…But not anymore starting today, huh? 😄 2025. 1. 9.
오늘의 긍정 이야기 2일차 오늘은 이야기는 아니지만 몇 일전 충북대에서 개그맨이자 배우이자 작가이자 자영업자이자 강사이자 유튜버 등 정말 많은 일을 하고 계시는 개그맨 고명환님의 강좌를 들었는데 나에게 정말 긍정적인 메시지가 많았고 정말 좋은 강좌 한편을 들은거 같아서 너무 기분이 좋았음! Although it's not exactly a story from today, a few days ago I attended a lecture at Chungbuk National University by Go Myung-hwan, who is not only a comedian but also an actor, writer, entrepreneur, lecturer, and YouTuber — truly a man of many talen.. 2025. 1. 8.
오늘의 긍정 이야기 1일차 오늘의 긍정이야기 1일차!출근할때 차가 막히지 않아서 기분이 좋음!  Positive Story Day 1!I felt great this morning because there was no traffic on my way to work! 2025. 1. 7.
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.

티스토리툴바