본문 바로가기
728x90

분류 전체보기530

[CSS] Play and Pause in Infinite Slider with CSS Only (2) Play and Pause in Infinite Slider with CSS Only (youtube.com).slider { width: 100%; border: 1px solid red; height: var(--height); overflow: hidden;}.slider .list { display: flex; width: 100%; min-width: calc(var(--width) * var(--quantity)); position: relative;}.slider .list .item { width: var(--width); height: var(--height); position: absolute; left: 100%; animation: autoRun 10s lin.. 2024. 7. 24.
[CSS] Play and Pause in Infinite Slider with CSS Only (1) Play and Pause in Infinite Slider with CSS Only (youtube.com)HTML .. 2024. 7. 23.
[SCSS] & 기호 (2탄) HTML LIVING DIGITAL OUTDOOR .. 2024. 7. 20.
.overlay-wrap:hover .overlay-black { } 의 의미 .overlay-wrap:hover .overlay-black { margin-top: 50%;} .overlay-wrap 클래스의 요소에 마우스가 호버되었을 때,그 자식 요소 중 .overlay-black 클래스를 가진 요소의 margin-top 속성을 50%로 변경하라는 의미 .overlay-wrap:hover: .overlay-wrap 클래스를 가진 요소에 마우스가 호버되어 있는 상태를 의미합니다..overlay-black: .overlay-wrap 요소의 자식 요소 중 .overlay-black 클래스를 가진 요소를 선택합니다.margin-top: 50%;: .overlay-black 요소의 margin-top 속성을 50%로 설정합니다. 2024. 7. 15.
HTML에 데이터 꽂아넣는 Vue 데이터바인딩 문법 오늘의 5분 숙제 : 일단 이렇게 생긴 데이터를 하단에 하나 저장하십시오. products : ['역삼동원룸', '천호동원룸', '마포구원룸'] ▲ 그 데이터와 {{데이터바인딩}} 문법으로 대충 이렇게 생긴 HTML 레이아웃을 만들어오십시오. 가격은 대충 임시로 아무거나 기입하시길 바랍니다.  HTML에 자바스크립트 데이터를 꽂아넣고 싶을 때가 있습니다. 데이터바인딩이라고 하는데Vue에서 데이터바인딩 하는 문법을 2개 알아보도록 합시다. 근데 애초에 데이터바인딩을 왜 하는지 의문점 부터 들지 않습니까.그런거 궁금해해야 나중에 여러분 데이터 바인딩 할지 말지 스스로 판단하는 훌륭한 사람이 됩니다. 그것 부터 알아봅시다. Vue 개발은 어려운게 아닙니다  dkssudsfadf우선 HelloWorld 글.. 2024. 7. 12.
페이지 레이아웃 만들기 (React 기초문법) 오늘의 숙제 :심심하면 html css 작성해서다음 시간까지 여러분 웹사이트의 대문을 마음대로 꾸며옵시다.  웹개발하려면 우선 유저들이 방문할 웹페이지같은게 있어야할거아닙니까그래서 가장 먼저 웹페이지 레이아웃 만드는 법을 알아봅시다. page.jsx 파일이 메인페이지라서 거기에 코드짜면 되는데 레이아웃 만들 땐 React 문법을 이용해야합니다. Next.js는 React 위에 얹혀있는 프레임워크같은거라서요. 우선 저번시간 프로젝트 열어서 page.jsx 안의 html 내용과 global.css 안의 내용은 지우고 시작해봅시다.  실은 리액트라고 다른거 없고 html css 문법 그대로 쓰면 레이아웃 만들 수 있는데 리액트에선 html css가 아니라 JSX 라는 문법을 사용하게 되어있습니다.생긴건 htm.. 2024. 7. 12.
728x90

티스토리툴바