수업내용 썸네일형 리스트형 [수업내용] 2022.08.11. ~ 2022.08.12. 2022.08.11. ~ 2022.08.12. 수업내용정리 php를 사용하는 그누보드 ctrl shift R 강력한 새로고침 // 해시를 지우고 재로드 // 너무 많이 하면 트래픽 초과로 막힐 수 있음 f5는 컴퓨터에 저장된 해시를 바꾸지 않은 상태로 로드 display:flex;를 주고, slick을 돌리면 깨지기 때문에 block으로 하고 float를 쓰는 게 좋음 사이공간은 플렉스가 아니어서 gap을 사용 못함 padding: 0 25px; 을 gap 대신에 사용해야함 .Customer .container>li { flex-grow: 1; width: 33.333333%; overflow: hidden; } 👉 아래와 같은 방법인데, 아래는 디스플레이블록을 한 거고, 위에는 flex를 한 거 /* .. 더보기 [수업내용] 2022.08.09(+php) 2022.08.09. 수업내용정리(+php) php는 컴포넌트 덩어리화하기 쉽다. html을 만들어서 통째로 include 리액트는 자바스크립트를 기본으로 하기 때문에, 조금은 복잡 head에는 변수를 선언하지 못한다. 그래서 변수를 선언하고, head를 불러옴 aside(class="lnb) :HTML 요소는 문서의 주요 내용과 간접적으로만 연관된 부분을 나타냅니다. 주로 사이드바 혹은 콜아웃 박스로 표현 article HTML 요소는 문서, 페이지, 애플리케이션, 또는 사이트 안에서 독립적으로 구분해 배포하거나 재사용할 수 있는 구획을 나타낸다. 사용 예제로 게시판과 블로그 글, 매거진이나 뉴스 기사 등이 있다. 👉 article부분만 내용이 변함 filezilla에는 .html파일이 업로드 되면 안.. 더보기 [수업내용] php 해보기 2022.08.09 수업내용정리 깃허브에는 데이터베이스(DB)가 없음 싱글페이지어플리케이션 일단 다운 받아놓고 시작함(폰에서는 계속 돌아감) 그리고 새로고침을 하고, 다시 받고, 다시 읽고 하는 게 없음 https://filezilla-project.org/ -> 다운로드 왼쪽 download filezilla client 다운로드 후, 새 사이트를 만들기 호스트에 닷홈에서 만든 pe.kr 주소를 넣기 사용자에는 FTP 아이디(닷홈-무제한호스팅)을 넣는다. 로그온 유형을 비밀번호 받기?로 하면, 폴더에 들어갈 때마다 닷홈 사이트에서 입력한 ftp 비밀번호를 입력해주면 됨 왼쪽의 index.php의 파일을 오른쪽으로 옮기기 위해 더블클릭을 함. 그리고 닷홈에서 도메인 기본주소를 클릭하면 👇 이렇게 뜸 a링.. 더보기 [수업내용] 2022.08.08 2022.08.08 수업내용정리 .Product .ProductSlider { width: 123rem; margin: 0 auto; } .Product .ProductSlider figure { padding: 0 1.5rem; } 👉 padding: 0 1.5rem;을 준 만큼 width의 크기도 3rem 넓어져야함. (여기서 1rem = 10px이다) $('.ProductSlider').slick({ arrows: false, slidesToShow: 5, autoplay: true, 👉 slick반응형 responsive: [ { breakpoint: 1230, settings: { slidesToShow: 1, dots: true } } ] }); 👉 slick을 돌리느 img는 디스플레이 bl.. 더보기 [수업내용정리] 2022.08.04 2022.08.04 수업내용정리 vscode 단축키 crtl + h 찾아 바꾸기 토글class이름은 아무이름 가능함 on대신에ㅇㅇ 풀페이지 만들 때 자동으로 active클래스가 붙음 섹션에 section클라스 주의=풀페이지 만들 때 문제 생김 .inner::after { content: ""; display: block; clear: both; } 👉 플롯이 떳을 때 부모높이 없애는걸 방지 clear는 앱솔이랑 같이 못 씀? :root { --mc: #0d6efd; --sc: #ff0000; --gc: #dddddd; --lc: #f7f7f7; } --는 IE에서는 사용하지 못했었음 👉 / 닫는 태그 필수! 리액트에서는 2번 일하는 것을 방지하기 위해서! 대표적으로 안 닫아도 되는 태그 -br -hr a.. 더보기 [html, css, jquery] 반응형 기초(2) 30th 반응형 기초(2) + float : hanburger 플러그인을 사용해서 반응형이 되면 hanburger메뉴가 나오고, 누르면 왼쪽에서 메뉴가 나옴 반응형 기초(3) + float : img와 text를 나란히 오게 한 후, 반응형이 되면 img와 text가 아래위로 놓이게 함(h1, nav있음) MENU01 smenu01 smenu02 smenu03 smenu04 MENU02 smenu01 smenu02 smenu03 smenu04 MENU03 smenu01 smenu02 smenu03 smenu04 MENU04 smenu01 smenu02 smenu03 smenu04 MENU05 smenu01 smenu02 smenu03 smenu04 Lorem ipsum dolor sit amet. Lor.. 더보기 [html, css, jquery] 반응형 29th 반응형_간단하게 사진과 메뉴, logo로 반응형 맛보기 LOGO menu01 menu02 menu03 menu04 menu05 우리나라 대한민국 만세만세만만세 Lorem ipsum dolor sit, amet consectetur adipisicing elit. Non rem voluptas obcaecati. html { font-size: 20px; } body { font-size: 0.8rem;} .container { display: flex; gap:30px; width: 60rem; margin: 0 auto; } header { line-height: 5rem; } .gnb { background: #f1f1f1; } .gnb>ul { gap: 0; } .gnb>ul>li { fl.. 더보기 [HTML, CSS, jQuery] 전체페이지 만들기_2022.06.20.MON ~ 2022.06.24.FRI 전체페이지 만들기_2022.06.20.MON ~ 2022.06.24.FRI JEWELLERY COLLECTION EVENT 모던하면서도 클래식한 디자인들을 완벽하게 표현한 그라프 하우스의 시그너쳐 컬렉션은 다양한 컷, 스톤 그리고 색상들을 멋진 조합으로 선사합니다. more 하이주얼리 주얼리 컬렉션 컬렉션 & 브라이덜 웨딩주얼리 특별한 솔리테어 01. JEWELLERY COLLECTION 모던하면서도 클래식한 디자인들을 완벽하게 표현한 그라프 하우스의 시그너쳐 컬렉션은 다양한 컷, 스톤 그리고 색상들을 멋진 조합으로 선사합니다. more 02. JEWELLERY COLLECTION 모던하면서도 클래식한 디자인들을 완벽하게 표현한 그라프 하우스의 시그너쳐 컬렉션은 다양한 컷, 스톤 그리고 색상들을 멋진 조.. 더보기 이전 1 2 3 4 5 6 다음
