개발일지

함수의 return function 함수() { return 123; } 함수의 값 반환 return 아래 있는 코드들은 읽지 않는다 소수점 있는 숫자 연산시 주의점 조금의 오차가 발생할 수 밖에 없다. 2진법으로 바꿔서 계산을 하기 때문에 소수를 2진법으로 바꾸면 무한소수가 됨 해결책 소수점을 전부 10곱해서 연산하고 10으로 나눔 라이브러리를 사용 연산결과 반올림 소수점 반올림 하는 함수 : [숫자.to]()Fixed(몇자리); 다음과 같이 사용 toFixed() 사용 시 문자로 변환이 된다. 자바스크립트 ‘+’ 연산자 특징 ‘문자’ + 123 ⇒ ‘문자123’ ‘문자 + ‘문자’ ⇒ ‘문자문자’ 위와같이 연산이 되기 때문에 타입에 대한 주의가 필요하다 따라서 parseFloat() 이나 parseI..

UI 애니메이션 추가할 때 가능한 CSS 만으로 처리하는게 좋음 자바스크립트에게 너무 많은 일을 시키면 성능이 저하되기 때문 one-way UI 애니메이션 만드는 법 A 상태 → B 상태로 바뀌는 일방향 애니메이션 시작스타일 최종스타일 원할 때 최종스타일로 변하라고 코드 짜줌 transition 추가 각각 클래스로 만들어놈 fadeIn, fadeOut 애니메이션 만들기 .black-bg { width: 100%; height: 100%; position: fixed; background: rgba(0, 0, 0, 0.5); z-index: 5; padding: 30px; visibility: hidden; opacity: 0; transition: all 1s; } 위와 같이 visibility 속성 h..

html 변경 document.getElementById(’hello’).innerHTML = ‘안녕’; (문서) (~의) (id hello:html 요소를 가져와라) (HTML 안) 안녕 버튼 .hide(), .fadeOut(), .slideUp() 등 여러가지 애니메이션 제공해줌