본문 바로가기

공부/javascript8

스프링부트: Junit을 이용해 테스트 하기 Test란? 개인이 간단하게 어떤 서비스를 구현한다고 하면 코드는 길어봐야 수천줄 정도 나오겠지만, 회사의 서비스는 만줄은 우습게 넘어갈 정도로 방대한 양의 코드가 동작한다. 헌데 긴 코드에 무턱대고 새로운 코드를 끼워넣으면, 그 코드가 어떻게 작동하는지 확인하기 위해 재실행하는데 리소스가 많이 들 뿐만 아니라, 오류가 발생할 경우 원인이 무엇인지 찾기도 어려워진다. 이런 일을 방지하기 위해 프로그램을 작은 단위로 쪼개서 옳바르게 동작하는지 미리 확인하는 것이 바로 Test다. 과거에는 개발자들이 직접 테스트 환경을 만들어야 했으나, 테스트를 필요로하는 개발자들이 늘어남에 따라 스프링부트에서는 테스트 환경이 내장되어 있기에 따로 할일은 없다. 방법(인텔리제이에서 만드는 방법) 1. 테스트하고 싶은 클래스.. 2023. 1. 27.
32일차 복습 JS로 문서 객체 속성 변경 getAttribute() : 입력된 객체의 속성값을 가져오는 함수 setAttiribute( a, b ) : 호출된 객체의 a 속성값을 b로 변경하는 함수. ex) 이미지 변경하기 function changeImg() { let img = document.getElementById("img"); // img태그 선택 let imageName = img.getAttribute('src'); // img태그의 src속성 선택 img.setAttribute('src', 'bananas.png'); // src태그 변경( 이미지 변경 ) }; JS로 클래스 이름 설정하기 방법 1. 설정하고자 하는 태그를 선택한다. 2. .classList로 해당 태그의 클래스 이름을 받아온다. 3.. 2022. 12. 28.
32일차 복습 클릭 이벤트 처리 함수 1. onclick() 가장 일반적이며 간편하게 사용 가능한 함수다. 특정 요소가 클릭되었을때 호출되며, 버튼태그가 아니더라도 글자나 div태그 역시 적용 가능하다. 클릭하세요 이런 식으로 사용 가능하다. 만약 자바스크립트로 적용하고 싶다면 선택자를 통해 특정 태그를 선택해서 프로퍼티에 값을 할당해야 한다. 더보기 let h1 = document.getElementById('header1'); h1.onclick = () => { alert('H1 클릭됨.'); }; 위의 경우는 id선택자를 통해 h1태그를 선택해 onclick 프로퍼티에 익명 함수 값을 할당한 것이다. 2. addEventListener 대부분의 언어에 존재하는 addEventListener를 이용할 수 도 있다.. 2022. 12. 27.
프로퍼티(property) 프로퍼티는 자바스크립트, c#, 파이썬을 비롯한 일부 언어만 가지고 있는 특수한 유형이다. 말 그대로 직역하면, 재산, 소유물이다. 그리고 프로그래밍에서의 그 의미 역시 비슷하게 이해하면 쉽다. 정확하게 표현하자면 어떤 값과 연관된(속한) 값을 말한다. 클래스에 속한 변수, 메서드 역시 클래스의 프로퍼티가 된다. 배열의 내용물 역시 배열의 프로퍼티다. 프로퍼티는 대괄호 [ ], 또는 점 접근자( . ) 를 통해서 접근할수 있다. HTML과 연동되는 자바 스크립트 특성상 사용자가 선언하지 않더라도 프로퍼티가 선언되어있는 경우가 많으니 유용하게 사용하도록 하자. 2022. 12. 27.