Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
Tags
- nvm
- youtube iframe
- Spread
- 프로토타입
- firebaseui
- Python
- css
- 백준
- yarn-berry
- 파이어베이스로그인
- 구조분해할당
- react-native
- React
- 리액트
- nvmrc
- 커스텀알락
- iP
- JS
- 파이썬
- leetcode189
- Rest
- 다리놓기
- leetcode977
- 커스텀알림
- mac
- 자바스크립트
- react-firebaseui
- 기초
- Next.js
- TCPvsUDP
Archives
- Today
- Total
목록계산기 (1)
JadeCode
[리뷰] 간단한 웹앱 만들기
계산기 만들기 맥북 기본 계산기를 보고 계산기 목업을 만들기. html부터 css까지!! 일단 큰 계산기라는 div 안에 숫자를 보여주는 display와 버튼이 있는 buttons로 나눈다. calculator의 넓이와 높이는 332px, 500px로 지정하고 display:flex를 해 준다. //calculator.html 0 그 후 buttons 안에 5개의 button__row를 만든 후 버튼을 하나하나 삽입한다. 삽입 후 css를 적용한다. 0 AC / 7 8 9 * 4 5 6 - 1 2 3 + 0 . = 최종 완성 목업은 위의 캡쳐본과 같다. 이젠 display:fles를 적용시켜 css를 완성할 수 있다. hover기능과 active기능도 추가 가능해서 버튼에 마우스가 올라갔을 때 버튼이 눌..
개발/웹
2022. 5. 6. 22:00