My Calculator

목차(INDEX)

• My Calculator
  • 목차(INDEX)
  • 개요(SUMMARY)
    • 스크린샷(SCREENSHOT)
  • 내 작업(MY WORK)
    • 사용 툴
    • 사용한 것(WHAT I USE)
    • 배운 점(WHAT I LEARN)
    • 향후 주목할 분야(NOTABLE POINT)
    • 참고 링크(LINKS)
  • 작성자(AUTHOR)

개요(SUMMARY)

스크린샷(SCREENSHOT)

• 클릭하여 작동하는 간단한 계산기를 만들어 보았다.

내 작업(MY WORK)

사용 툴

• figma
• VSCode

사용한 것(WHAT I USE)

• HTML5
  • semantic tag
• CSS
  • variables
  • align-items: stretch
  • word-break: break-all
  • display: grid
• javaScript
  • QuerySelector()
  • innerHTML
  • callback function
  • addEventListener
  • try catch
  • eval()

배운 점(WHAT I LEARN)

• eval 함수의 활용법을 알았다.
• 특정 문자를 클릭했을 시 문서에 보이게 하는 방법을 알았다.
• align-items: stretch를 활용해 보았다.
• 반복문 사용 시 힘든 부분이 있었는데, 반복적으로 자주 사용해 봐야겠다.

향후 주목할 분야(NOTABLE POINT)

• 자바스크립트를 조금 더 활용해보고 싶어졌다.

참고 링크(LINKS)

• 사용한 폰트 (Font Used)

  • Purple Purse
  • Pretendard

• 피그마 (figma)

• Netlify

작성자(AUTHOR)

최수형(SOOHYEONG CHOI)

• github
• velog