Hello 100A

주소가 www.domain.com/folder/index.php?message=hello 라고 가정할때 $_SERVER['REMOTE_ADDR'] 방문자 IP result: 127.0.0.1 $_SERVER['HTTP_HOST'] host 헤더값 result: www.domain.com $_SERVER['SERVER_NAME'] 서버 호스트의 이름 실행 result: www.domain.com $_SERVER['REQUEST_URI'] 도메인을 제외한 뒷부분 주소 result: /folder/index.php?message=hello $_SERVER['SCRIPT_NAME'] 파라미터 값을 빼고 출력 result: /folder/index.php $_SERVER['SCRIPT_FILENAME'] 서버내 ..

다음 섹션이 이전 섹션을 덮는듯하게 보이는 효과입니다. https://unpkg.com/gsap@3/dist/gsap.min.js https://unpkg.com/gsap@3/dist/ScrollTrigger.min.js 두 라이브러리를 사용했습니다. 한 섹션만 덮는 효과를 내고 싶으면 sec3->sec4 sec3을 sec4가 덮는 느낌을 내고 싶다면 let panels = gsap.utils.toArray(".section"); .section 부분에 .sec3 을 넣어줘야합니다. html section 1 section 2 section 3 section 4 css body{ padding:0; margin:0; } .section{ width:100%; height:100vh; position:re..

진짜 간단하게 작업했다. 클릭을 하는 탭메뉴와 그 탭에 관한 내용에 active라는 클래스를 붙이는 방식으로 만들었다. html tabmenu1 tabmenu2 tabmenu3 content1 content2 content3 css .section{ margin:50px; width:500px; background:blue; padding:20px; } .tabmenuBar { display:flex; width:100%; align-items:center; padding:0; margin:0; } .tabmenuBar .tabmenu{ list-style:none; padding:15px 20px; color:#fff; font-weight:600; cursor:pointer; } .tabmenu.ac..

typed.js 버전은 2.1.0 사용했습니다. 아래 링크 들어가셔서 확인바랍니다. https://mattboldt.com/demos/typed-js/ JavaScript Animated Typing with Typed.js | by Matt Boldt Another demo made with love by Matt Boldt. Installation # With NPM npm install typed.js # With Yarn yarn add typed.js # With Bower bower install typed.js Setup var typed = new Typed('.element', { strings: ["First sentence.", "Second sentence."], typeSpeed:..

주로 사이드바가 열릴때 쓰는 햄버거 버튼을 닫기버튼 (x버튼)으로 변경하는 css 소스 입니다. 버튼을 클릭 시에 클래스가 추가되어 첫번째와 마지막 작대기는 transform의 rotate로 회전시키고 가운데 작대기는 opcity를 0로 변경해 안보이게 처리했습니다. html 소스입니다. css 소스입니다 .menu-wrap{ margin-top:50px; margin-left:100px; position: relative; width: 28px; height: 16px; cursor: pointer; } .menu-wrap .line{ position: absolute; width: 100%; height: 2px; border-radius: 2px; background: #222; left: 0; }..