본문 바로가기
반응형

전체 글141

[Jquery] Bxslider 사용해서 쉽게 슬라이드 사용하기 안녕하세요 Bxslider 소개해드립니다. 홈페이지에서 슬라이드 넘기는 동작을 사용할 때가 많은데요, 그때 Bxslider 사용해서 쉽게 슬라이드를 만들수 있습니다. 사용방법은 간단 cdn 주소 불러와서, 슬라이드 사용할 곳들을 셋팅해서 jquery를 입혀 주기만 하면 Bxslider를 사용할 수 있습니다. 1. jquery라이브러리, bxslider jquery cdn 적용 1번째 - jquery 라이브러리 2번째 - bxslider 구성하는 css스타일 3번째 - bxslider 작동하게 하는 js파일 사이에 적용해줍니다. 2.html 구성 css .slider_wrap{width:100%;max-width:600px;margin:0 auto;} .my_bxslider img{width:100%;} .. 2022. 9. 20.
[Mysql] Like 사용법 기본 구조 select * from [table_name] where like 조건 select * from [table_name] where [column_name] like 'a%' --컬럼값이 a~~~ 인 db select select * from [table_name] where [column_name] like '%a' --컬럼값이 ~~~~a 인 db select select * from [table_name] where [column_name] like '%a%' --컬럼값이 a가 포함된 db select 2022. 9. 19.
editplus FTP 바로 연결해서 작업하는 방법 안녕하세요. FTP 업로드를 할때 보통 로컬에서 작업을 한 후에 파일질라나 FTP프로그램등을 이용해서 업로드를 하시는분들이 있으신데 개발작업할때 편집기들이 여러가지가 있는데 저는 editplus 편집기를 사용하고 있고, 그중에서도 편한 기능인 FTP에 올라와 있는 파일들을 바로 열어서 작업 하는 방법 소개해드립니다. 1.파일 - FTP - 원격열기 2. 설정에 들어가서 호스팅 추가 3.FTP 정보 입력 4. 고급옵션(포트번호가 21(기본값)이 아닐때 포트번호 넣어주고 sftp를 이용중이라면 sftp로 설정을 바꾸어 주어야한다) 5. 입력후 확인 누르면 내 호스팅의 폴더와 파일들이 확인 가능하다. 가끔 정보가 다맞는데 에러창이 뜨는경우가 있는데 표시를 다시 눌러주면 정상적으로 이용 할수 있다. 6. 폴더에.. 2022. 9. 15.
다음 주소 찾기, 우편번호 사용하기 (다음주소api) 웹상에서 회원가입, 개인정보를 입력하는 방법이 필요 할 수 있때가 있는데 다음 주소 찾기, 다음주소 api 를 이용해서 간단하게 사용할 수 있다. 주소 api 를 불러오기 때문에 일일이 전국의 주소들을 db로 입력하지 않아도 된다. 구조 html 일반적으로, 우편번호, 주소가 들어 가는 부분 들을 input 태그로 가져온다. script 다음에서 제공하는 한줄의 cdn 주소와 스크립트로 구성된다. 쭉 복사해서 하단에 넣으면 된다. 결과 우편번호 찾기를 누르면 주소검색 창이 팝업으로 나오게 되는 구조. 실사용 하게될때는 input 태그에 css를 주어 깔끔하게 정렬하고 사용 하면 될 것이다. 2022. 9. 14.
[php] if, else, else if 사용법 (php 조건문) php if, else, else if 사용법 입니다. 기본 구조 if(조건){ if 조건 충족할시 사용될 부분 } $t 값이 20이 넘었을때 좋은 밤 입니다. 문구를 출력하게 됩니다. else if를 사용해서 조건을 더 추가해주고, 조건값에 해당하지 않는 부분은 else 부분을 출력하게 됩니다. 2022. 9. 13.
웹상에 카카오맵 지도 넣기 (다음 지도) 웹상에 자신의 업체나, 장소의 지도를 넣고 싶을때 사용합니다. 카카오맵 검색후 들어가셔서 주소나, 이름을 입력합니다. +클릭하시면 상세 정보가 노출됩니다. 버튼클릭후 HTML 태그복사를 클릭합니다. 사용할 지도의 크기를 설정해주고 소스생성하기 클릭 바로 지도 코드가 생성됩니다. 결과 2022. 9. 8.
새 노트북 윈도우 10 설치시 드라이브를 찾을 수 없습니다. 저장소 드라이버를 얻으려면 [드라이버 로드]를 클릭하세요. 인텔 11세대 cpu를 장착한 새 노트북 윈도우 설치시 ssd, hdd를 인식 하지 못하는 경우가 있습니다. 윈도우 설치 USB에 폴더 하나만 업로드 해서 로드시켜주면 해결 됩니다. ssd가 장착되어있지만 드라이브가 보이지 않습니다. 파일 다운로드 해당 파일 다운로드하셔서 압축 푸시고 사진처럼 설치 USB에 복사 해줍니다. 윈도우 USB를 설치할 노트북 꽂고 차례대로 진행하시면 됩니다. 드라이버 로드 클릭 확인 클릭 확인 클릭 찾아보기 클릭 후 업로드한 폴더 선택 후 확인 클릭 V18~~ 된 드라이버 선택 후 다음 클릭 드라이브 확인! 확인되셨으면 정상적으로 윈도우 설치 해주시면 됩니다. 2022. 9. 7.
[CSS] 반응형 중앙정렬 (transform 이용) 반응형일때 이미지나, 배경의 중앙정렬이 골치아플때 자주 이용하는 기법. 부모형태를 작성하고 .boxcenter 부분을 이용 하면 된다. HTML 부분 box style 부분 .container { position: relative; width:300px; height:200px; background:red; margin:0 auto; } .boxcenter{ position: absolute; top:50%; left:50%; width:30%; height:30%; background:blue; text-align:center; transform: translate(-50%, -50%) } 결과 2022. 9. 6.
반응형

티스토리툴바