728x90 반응형 분류 전체보기51 [PHP] strpos() 문자열 포함 여부 및 문자열 위치 알아내기 코딩을 하다 보면 특정 문자열에서 내가 찾는 단어가 있는지 없는지 알아야 될 경우가 있습니다.이럴 때 활용가능한 함수들이 여러 가지 있는데,이 글에서는 그중에서도 처리 속도가 빠른 strpos() 함수에 대해서 알아보도록 하겠습니다. strpos() 사용법 strpos($long_text, $search_text , 3); $long_text - 기존 문자열 $search_text - 찾고 싶은 문자열 마지막 숫자는 검색을 시작할 위치입니다.3이면 0123 해서 4번째부터 검색을 시작하는 것이 됩니다. strpos() 예제 strpos()를 사용한 간단한 예제를 알아보겠습니다. 이 예제는 $long_text의 문자열 중에서 소문자 b 가 어디 있는지 찾는 예제입니다.result의 값은 어.. 2023. 1. 4. [CSS] object-fit 컨테이너에 맞게 이미지 크기 조정하기 HTML 작업을 하다 보면 이미지의 크기가 내 생각과 다르게 뒤죽박죽 해상도도 엉망으로 나오는 경우가 많습니다.이럴 때 object-fit을 사용하여 이미지의 크기와 비율을 조절하여 내가 원하는 크기로 이미지를 깔끔하게 출력할 수 있습니다.이 글에서는 object-fit에 대한 설명과 간단한 예제를 통해 object-fit의 사용방법에 대해 알아보도록 하겠습니다. object-fit이란 무엇일까? css의 object-fit 속성은 컨테이너에 맞게 나 등의 크기를 조정할 때 사용하는 속성입니다.object-fit의 속성을 활용하여 종횡비를 유지하거나 공간에 딱 맞게 이미지를 늘려서 차지하는 등등 여러 가지 일을 할 수 있습니다. obfect-fit의 속성 값 fill: 기본값입니다. 주어진 치수.. 2023. 1. 3. [jQuery] 간단한 예제로 ajax 사용해보기 ajax란 무엇일까? ajax는 비동기 자바스크립트 xml이라고 합니다.비동기로 서버와 통신하고 json, xml, html, text 등의 값을 주고받을 수 있습니다.쉽게 말해서 페이지를 새로고침하지 않고도 서버와의 통신을 통해 값을 받아 올 수 있는 것입니다. 기존에 입력된 값들은 새로고침을 하게 되면 다 날아가게 되어 이런 비동기 방식을 활용하여,입력돼 있던 값들도 살리고 서버에서 필요한 데이터도 가져올 수 있게 하는 것입니다. 예제를 통해 알아보기 test_page.php ajax 통신하기! ajax 통신이 잘되는지 확인하기 위해 간단하게 text값을 넘겨보겠습니다. url에 ajax를 통해 값을 넘겨주고 싶은 페이지의 경로를 적습니다.위의 예제는 같은 폴더에 있는 test_page2.. 2022. 12. 30. [jQuery] 버튼 클릭 시 박스 숨기기, 보이기 (show, hide) 버튼을 클릭했을 때, 혹은 특정 이벤트가 발생했을 때,특정 영역이 나타나거나 사라지는 패턴들 여러 사이트에서 많이 볼 수 있습니다.이런 애니메이션 효과는 jQuery를 사용하면 손쉽게 구현할 수 있습니다.이 글에서는 jQuery를 활용하여 버튼을 클릭 시 해당하는 박스를 숨기고 보이는 기능에 대해서 설명하도록 하겠습니다. 버튼 클릭으로 숨기고 보이기 처리하기 위의 예제 이미지와 같이 숨기기와 보이기 버튼을 만들어두고,숨기기 버튼을 클릭 시 패널이 사라지고, 보이기 버튼을 클릭 시 패널이 다시 보이게 되는 것을 만들어 보도록 하겠습니다. 패널의 내용이 표시되는 곳 입니다. 코드는 위와 같이 간단하게 구현이 가능합니다.아이디가 hide_btn를 클릭 시 id가 panel인.. 2022. 12. 27. 이전 1 ··· 8 9 10 11 12 13 다음 728x90 반응형
