[웹3]
[숙제제출]
https://docs.google.com/spreadsheets/d/1UEkl-8zA-oYtY9wjB1HDuGXwNB86a7l-l0B5kD3dMbY/edit#gid=0
11시 (3월)
시트1 김나연,김연우,김채리,김하영,변지은,송지민,오세은,이수빈,임예나,임재혁,조희진,관련사이트 블로그 주소,블로그 미작성,블로그 미작성,lmi3ad,블로그 미작성,블로그 미작성,블로그 미작
docs.google.com
[코드펜 이동]
Create a New Pen
Behavior Auto Save If active, Pens will autosave every 30 seconds after being saved once. Auto-Updating Preview If enabled, the preview panel updates automatically as you code. If disabled, use the "Run" button to update. Format on Save If enabled, your co
codepen.io
console창 용도: 코드펜이동
console창 용도
...
codepen.io
변수 : https://codepen.io/limyena/pen/WNWxeLG
변수
...
codepen.io
3월14일
https://yeanana.tistory.com/45
[웹3]240314-3일차(제이쿼리 기초, addClass)
https://codepen.io/limyena/pen/yLraeLq?editors=0011 제이쿼리 기초 ... codepen.io [제이쿼리 링크 가져오기] 1.cdnjs에서 가져오기 - cdnjs.com 접속 -> jq 검색 -> 상단에 뜨는 제이쿼리 링크 복사 - html에 링크 붙여넣
yeanana.tistory.com
3월15일
https://yeanana.tistory.com/46
[웹3]240315-4일차(버튼 한개로 배경색 추가/제거, 팝업구현)
https://codepen.io/limyena/pen/vYMXzLG 버튼 한개로 배경색 추가/제거 ... codepen.io [제이쿼리 링크 연결하기]-웹디기능사 실기때 이방식으로 해야함 - 제이쿼리 검색후 사이트 접속 -> 첫화면에 주황색 다운
yeanana.tistory.com
3월18일
[웹3]240318-5일차(팝업구현 복습)
https://codepen.io/limyena/pen/wvZoOrB 팝업구현 ... codepen.io [팝업 구현] - 기본세팅 후 js/제이쿼리 파일 생성 - 탐색기 보기 편하게 js/제이쿼리 파일을 JS 폴더 생성해서 묶어줌 - script src js/제이쿼리 걸어
yeanana.tistory.com
3월19일
https://yeanana.tistory.com/49
[웹3]240319-6일차(팝업구현 이어서)
- 팝업창 none처리 - html 아무 단어 (임시)지정해서 span태그 - body-text밑에 popup-open태그, 폰트 커스텀 - 글자위에 마우스 올렸을때 천천히 투명도 주도록 opacity 설정 (1) * 내가 뭘 클릭해야하지? -> 글
yeanana.tistory.com
3월20일
https://yeanana.tistory.com/50
[웹3]240320-7일차(팝업구현 이어서, 매개변수)
https://codepen.io/limyena/pen/RwOKXWz 팝업구현 ... codepen.io [검정색 화면을 클릭했을 때 팝업창이 닫히도록 구현] - 페이지 검사 -> 코드보기 선택자 확인 - 선택자 추가만 해주면 끝 https://codepen.io/limyena/pe
yeanana.tistory.com
3월21일
https://yeanana.tistory.com/51
[웹3]240321-8일차(팝업구현 이어서)
[팝업 클릭했을떄 생기는 스크롤 없애기] 문제 해결 과정 1.목적 설정하기 팝업이 열려있을 때 [스크롤 off] 2. 해결할 수 있는 css 코드 찾기 [스크롤 off] -> overflow: hidden; ↓ ↓ ↓ ↓ ↓팝업이 사라
yeanana.tistory.com
3월22일
https://yeanana.tistory.com/52
[웹3]240322-9일차(팝업/hasclass)
[팝업창 한번에 띄우기] [팝업창 하나씩 닫기] - 팝업창이 한번에 닫히네. 하나씩 닫히게 하고싶어. ㄴ 팝업을 분리해준다 - 버튼을 각각 처리할 수 있도록 분리해줘야겠는데? ㄴ html에서 button을
yeanana.tistory.com
3월 25일
https://yeanana.tistory.com/53
[웹3]240325-10일차(this)
https://codepen.io/kimhyeji324/pen/xxBddMy/f14d6e9c8dde796807ff4ec9bba759c0?editors=1100 아코디언 HTML,CSS 구현 ... codepen.io https://codepen.io/limyena/pen/LYvLGaX this ... codepen.io 마우스 올리면 [+]가 [-]로 바뀌면서 아래 a-box 나
yeanana.tistory.com
3월 26일
[웹3]240326-11일차(아코디언_제이쿼리)
https://codepen.io/limyena/pen/jORwvWN 아코디언 js ... codepen.io [폴더 나눠서 저장] - 스크립트 제이쿼리 연결 - 잘 연결됐는지 배경색 칠해서 확인 1. ccs에서 실행되어야하는 식을 먼저 입력한다. 2. ccs에서
yeanana.tistory.com
3월 27일
https://yeanana.tistory.com/55
[웹3]240327-12일차(아코디언_제이쿼리_애니메이션/스와이퍼)
https://codepen.io/limyena/pen/yLroJpw 애니메이션 ... codepen.io [애니메이션 주의사항] - html구조가 사라진 후 애니메이션이 적용되면 소용없다. - Up을 사용했으면 Down도 사용해야한다. - 나오고 들어가는
yeanana.tistory.com
3월 28일
[웹3]240328-13일차(마켓컬리 스와이퍼 구현)
https://codepen.io/limyena/pen/BaEdqgp 스와이퍼(마켓컬리) ... codepen.io https://codepen.io/limyena/pen/XWQaypQ 스와이퍼 데모사용해보기 ... codepen.io https://codepen.io/limyena/pen/qBwXQYb?editors=1100 스와이퍼 페이지네이션
yeanana.tistory.com
3월 29일
[웹3]240329-14일차(스와이퍼 버튼 커스텀-2,3단계)
https://codepen.io/limyena/pen/OJGxXrz (혼자) 스와이퍼 버튼 커스텀 2단계 ... codepen.io https://codepen.io/limyena/pen/jORGrJQ (선생님) 스와이퍼 버튼 커스텀 2단계(선생님) ... codepen.io [버튼 양옆으로 배치하기] - 버
yeanana.tistory.com
4월 2일
[웹3]240402-16일차(4단계, 반응형 max/min 활용)
https://codepen.io/limyena/pen/wvZPYEv 스와이퍼 버튼 커스텀 4단계 ... codepen.io [안쪽에 있는 버튼 꾸미기] 1. 필요없는 구조를 삭제했다 2. 내가 원하는 아이콘이나 이미지를 html구조에 추가하고싶다. 3.어
yeanana.tistory.com