자바스크립트계산기

페이지 정보

profile_image
작성자동짜몽 조회 2회 작성일 2021-06-10 20:53:49 댓글 0

본문

[HTML+CSS+JS] 계산기(calculator) 만들기(with grid) / 웹 코딩 / HTML 코딩

이번 시간에는 HTML과 CSS(feat. grid), 그리고 javaScript를 이용해서 계산기를 처음부터 끝까지 만들어보는 영상입니다.

간단하지만 최소한 동영상에서는 자세하게 모든 내용을 설명하지는 않기 때문에 HTML+CSS+JS을 한 번이라도 정주행해서 공부한 적이 있어야 이해가 가실 수도 있습니다.

하지만 그리드도 연습해 볼 수 있고 간단한 자바스크립트까지 구현해볼 수 있는 아주 꿀 같은 예제라는 건 확실합니다

이번 영상이 수코딩을 운영하는 저의 새해 첫 영상인데, 제 영상을 시청해주시고 사랑해주시는 모든 분들의 소망이 반드시 이루어지는 좋은 2021년이 되었으면 좋겠습니다.

많이 늦었지만, 구독자 여러분들 새해 복 많이 받으세요!!!

———————————————————————————————————————————

수코딩 사이트
http://www.sucoding.kr

———————————————————————————————————————————
HTML+CSS 강의 플레이 리스트https://www.youtube.com/playlist?list=PL-eeIUD86IjRO4ELwjF8nUfUuLe3aWi6z

자바스크립트 강의 플레이 리스트https://www.youtube.com/playlist?list=PL-eeIUD86IjQuP9iDbQn_1eMHlPB_qdgY

HTML+CSS+JS 실습 플레이 리스트https://www.youtube.com/playlist?list=PL-eeIUD86IjSyxTbGT7wY3Hie_HA5bKvg
.....................................................
수코딩
코딩, 이제 누구나 쉽게 배울 수 있어요!
저와 함께 즐거운 코딩 공부 같이 해볼까요?
구독과 좋아요 댓글은 제가 다음 영상을 만들때 큰 힘이 됩니다❤️
.....................................................

BGM 정보 Music | With You by Declan DP
Watch:

License: http://www.declandp.info/license
Download/Stream: https://hypeddit.com/link/gbhbv9

#계산기 #calculator #html
김기문 : 강의 감사합니다!
Choi Tre : 감사합니다!!
Juhui Kim : 역시 재밌어요!!Grid레이아웃 찾아서 공부해봐야겠어요!ㅎ
Angela Kim : 재밌게 코딩했어요!! 감사합니다
Tang U : 저만 onclick으로 입력되게하면 텍스트창에 1이 있을때 다른버튼을 누르면 1이 사라지고 그 버튼에 있던 문자가 새로 입력되는건가요ㅠㅠ

Build A Calculator With JavaScript Tutorial

Projects are the best way to learn JavaScript, and a calculator is one of the best projects to choose. A calculator covers all the complex interactions with UI and JavaScript while still being simple enough for people of any skill level.

In this video I will walk you through the steps it takes to build a completely modern calculator using JavaScript best practices. If you want to learn JavaScript or improve your JavaScript skill this is a must do project.

Materials:

Code: https://github.com/WebDevSimplified/Vanilla-JavaScript-Calculator

Concepts Covered:

- How to use ES6 classes to organize code
- How to sync JavaScript code with a UI
- CSS Grid
- Flexbox
- The best way to cleanly handle user input
- How to debug complicated edge cases

Find Me Here:

Twitter: https://twitter.com/DevSimplified
GitHub: https://github.com/WebDevSimplified
CodePen: https://codepen.io/WebDevSimplified


#JavaScript #WebDevelopment #Programming
Abdul Raffay Jamil : why God why, I just copied whole code but it still did not work
Ramen : Thank you! The calculator doesn't work very well with negative values, namely, it's impossible to enter a negative value as a current operand. I'm trying to fix this bug, but nothing works out for now :(
Tuân Thiên Minh Nguyễn : Why is it that you make 5 rows but not 6 rows in the css of calculator-grid class?
TEENAGE T.V : 32:27
Sean M : I'm just coding along and at 21:20, where you start writing the appendNumber function, my code breaks.. nothing shows up in my output box after converting to string

ES2020 초급 웹게임 강좌(계산기)

코드 리뷰 신청은 zerohch0@gmail.com으로 주세요!
김경현 Frank : 혹시 오늘 강좌 하시나요?
neue zeal : 1:20:17


54 + 5 하면서 (말로 54 + 6)이라고 하고 있어요.


하다 보면 헷갈리는듯 ㅠ


복습하다가 발견해서 남겨봐요.


감사합니다.
Siba Ma : 제로초님 영상 보면서 많이 배우고 있습니다 ~ 감사합니다

... 

#자바스크립트계산기

댓글목록

등록된 댓글이 없습니다.

전체 3,493건 132 페이지
게시물 검색
Copyright © www.javisi.com. All rights reserved.  Contact : help@oxmail.xyz