IT이야기40 PHP가 이렇게 달라졌어요 소개 PHP는 오랫동안 웹 개발의 핵심 언어로 자리 잡아 왔으며, 워드프레스나 페이스북 같은 주요 플랫폼을 포함해 많은 웹사이트에서 사용되고 있습니다. PHP 8의 출시로 우리는 언어 역사상 가장 큰 변화를 맞이하고 있습니다. 이 새 버전은 단순히 기존 기능을 개선하는 데 그치지 않고, PHP로 개발하는 방식 자체를 혁신적으로 바꿉니다. PHP를 기반으로 운영되는 비즈니스를 운영하든, 다른 언어로 전환을 고려 중인 개발자든, PHP 8은 미래에 대비하기 위한 필수적인 선택이 될 것입니다. 1. 성능 향상: PHP 8이 이전 버전을 대체 할 수 있는 이유PHP 8에서 가장 중요한 발전 중 하나는 성능 향상입니다. JIT(Just-In-Time) 컴파일러의 도입으로 PHP 8은 이전보다 더욱 빠른 속도를 자.. 2024. 9. 5. 좌우로 드래그되는 내비게이션 메뉴 1. 좌우 드래그 내비게이션 결과물반응형 내비게이션을 개발하다가 모바일에서 화면 너비의 협소함으로 인해 좌우로 드래그할 수 있는 내비게이션을 개발해야 할 때가 있었습니다.그래서 이전의 가운데 세로바를 좌우로 드래그하며 비포 애프터 사진을 비교하는 예제를 참고해서 구현해 보았습니다.어떻게 동작하는지 아래 동영상을 참고해 보시기 바랍니다. 2. 결과 이미지기능구현에 초점을 맞추었기 때문에 전체적인 구조와 디자인은 간략하게 구성하였습니다.3. 사전에 임포트(import) 해야 하는 파일 및 플러그인외부의 라이브러리와 스타일시트를 순서에 맞게 임포트하고, 활용하는 것은 매우 중요한 요소입니다.이 예제에서는 아래와 같은 순서로 필요한 파일들을 head 영역 안에 임포트를 했습니다.(1) jquery-ui.css .. 2024. 8. 31. 이미지를 클릭하면 색상이 랜덤하게 변경 1. 이미지 색상 변경 기능의 결과물 표시된 티셔츠 이미지를 클릭할 때마다 티셔츠의 표면색상이 랜덤하게 변경되는 기능을 구현했습니다.동영상을 확인하면 기능의 결과물을 확인할 수 있습니다. 2. 필요한 이미지 주로 의류 쇼핑몰에서 사용자가 의류의 색상을 변경해 가면서 확인할 수 있는 기능으로 응용해 보면 좋을 것 같습니다.의류제품을 아래와 같이 찍어서 준비했다고 가정합시다. 3. HTML 구조 HTML 태그 구조는 IMG 태그와 배경요소가 되는 div 태그 2개로만 구성된 심플한 구조입니다.4. CSS 스타일링 페이지의 전체 레이아웃을 구성하는 역할을 담당하는 스타일입니다.(1) * 로 모든 요소를 초기화합니다.(2) 이미지를 정중앙에 배치하기 위해서 body요소를 flex 지정을 하였습니다. 그.. 2024. 8. 30. 비포 애프터 이미지 슬라이더 만들기 1. 이미지 드래거블 슬라이더 결과 이 코딩 예제는 두 개의 이미지를 직관적으로 비교할 수 있는 '이미지 드래거블 슬라이더'입니다.사용자는 가운데 슬라이더 버튼을 드래그하여 왼쪽 이미지와 오른쪽 이미지를 비교하면서 두 이미지의 변화 또는 차이를 쉽게 확인할 수 있습니다.이 기능을 사용할 수 있는 예로는 성형외과에서 수술 전 상태와 수술 후 상태를 비교할 수 있는 이미지 갤러리를 만들고자 할 때 유용한 기능이라고 할 수 있습니다. 2. 필요한 이미지이 예제를 구현하기 위해서 아래의 이미지와 같이 비교할 2장의 이미지가 필요합니다.즉, Before에 해당하는 사진과 After에 해당하는 사진을 만들어 주시면 됩니다.이때 신경 써야 할 사항은 가능한 한 이미지의 가로세로를 동일한 사이즈로 만들어 주시고, 해.. 2024. 8. 28. 이전 1 2 3 4 5 다음
