| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | 4 | 5 | 6 | |
| 7 | 8 | 9 | 10 | 11 | 12 | 13 |
| 14 | 15 | 16 | 17 | 18 | 19 | 20 |
| 21 | 22 | 23 | 24 | 25 | 26 | 27 |
| 28 | 29 | 30 | 31 |
- scss
- ::before
- 전개연산자
- SASS
- 자바스크립트
- HTML
- vscode
- js
- inline
- string
- html 태그
- object
- 인라인
- carousel slider
- 프로그래머스 코딩테스트
- 문자열
- Em
- TAG
- 프로그래머스
- javascript
- 합계 알고리즘
- @mixin
- 코딩테스트
- VSCODE단축키
- css
- input
- 인라인블록
- float
- 알고리즘
- layout
- Today
- Total
목록js (3)
Outputor
carousel slider 업그레이드 버전 prev 버튼을 누르면 이전 슬라이더를 보여줌 next 버튼을 누르면 다음 슬라이더를 보여줌 슬라이더를 추가하고 싶으면 .slide-container의 width값을 변경해주고 슬라이더를 추가해주면 끝임 (각 슬라이더는 300px이고 원하는 값으로 변경하려면 inner, .slider-container, slide-box의 width값을 변경하면 됨) - [x] 1번 슬라이드가 보일때 PREV버튼을 누르면 이동안함 - [x] 2번 슬라이드가 보일때 PREV버튼을 누르면 0px를 이동함 - [x] 3번 슬라이드가 보일때 PREV버튼을 누르면 -300px를 이동함 - [x] 1번 슬라이드가 보일때 NEXT버튼을 누르면 -300px 이동함 - [x] 2번 슬라이드가..
carousel slider 쉬운 버전 숫자 버튼을 클릭하면 숫자에 맞는 슬라이더를 보여줌 .style.transform = 'translateX(-0px)' ➡ translateX를 문자열로 작성함 - [x] 1번 버튼을 클릭하면 슬라이드 컨테이너를 0vw 보내기 - [x] 2번 버튼을 클릭하면 슬라이드 컨테이너를 -100vw 보내기 - [x] 3번 버튼을 클릭하면 슬라이드 컨테이너를 -200vw 보내기 See the Pen Untitled by output777 (@output777) on CodePen.
369게임 - [x] 3의 배수이면 박수를 친다 - [x] 3,6,9가 들어가면 박수를 친다 - [x] 1부터 마지막까지 총 몇번의 박수를 치는지 구하시오 더보기 HTML 369게임 박수친 총 횟수: 0 더보기 CSS input { width: 280px; padding: 12px 0; border: none; outline: none; background-color: #e7f5ff; box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3); font-size: 20px; padding-left: 10px; margin-bottom: 10px; } input::-webkit-input-placeholder { font-size: 20px; font-weight: bold; paddin..