합니다, 개발공부📝 합니다, 개발공부📝

개발단계에서의 오류와 자체 버그 검출 능력을 향상시키기 위해서 TDD(테스트 주도 개발)의 개발이 사용되고 있다. TDD를 통해 개발을 진행한다면 코드 재사용과 관리가 용이해지므로 테스트 주도 개발을 하는 습관을 들이도록 하자. (나는 완전 초보이므로 ㅠㅠ 이제 단위테스트의 부분부분을 배워가고 있다) F.I.R.S.T 원칙 단위 테스트 코드를 작성할 때 주의해야 하는 원칙은 5가지 이다. F : Fast -> 테스트 코드는 빨리 진행이 되어야 한다. I : Independent -> 독립적으로 실행이 가능해야 한다. R : Repeatable -> 반복이 가능해야 한다. S : Self Validating -> 테스트 코드만 실행해도 성공여부를 확인할 수 있어야 한다. T : Timely -> 바로 사용..

git저장소에 변경내용을 push 하려고 하였는데 계속해서 reject 되는 현상이 발생했다. (readme.md 데이터 변화가 있었기 때문에) 해결 방안 1 변경된 사항을 받아서 변경내용을 확인하고 다시 커밋해본다. git pull -> 변경된 내용 확인 -> git commit -m "...." -> git push origin master 을 시도해본다. 해결방안 2 강제로 push를 진행한다. git pull로 해결이 되었으면 좋았겠지만, 계속해서 reject가 된다면 git push를 강제로 하는 방법을 통해서 문제를 해결해야 한다. 이 과정에서 데이터 유실(이미 git저장소에 올라와있는 데이터가 삭제될 수 있다)이 존재할 수도 있다는 것을 유의하자. git push -u origin +master

프로젝트 진행시에 JPA를 사용하면서 따로 쿼리설정을 해주지 않아도 findBy(column)의 형태가 가능하였다. 그래서 deleteBY(column)의 형태를 사용하려고 하였으나 데이터가 삭제되지 않았다 원인 EntityManager open -> SELECT 쿼리 실행 -> EntityManager closed -> DELETE쿼리 예외 발생 의 순으로 진행되기 되는데 이는 @Transactional 어노테이션이 붙어있는 JPARepository에 deleteBy...의 형태가 없기 때문이다. 해결 다음과 같이 사용하고자하는 deleteBy...에 @Transactional어노테이션을 붙여 해결하였다. public interface PostImageRepository extends JpaReposi..

웹페이지에서 hover 했을 때 애니메이션을 멈추고 싶다면, 다음과 같이 설정해준다. .home_posts_tape_container:hover .home_posts_tape_top_phrase{ -webkit-animation-play-state: paused; -moz-animation-play-state: paused; -o-animation-play-state: paused; animation-play-state: paused; }

Number 타입의 input에서 증감 범위를 조절하고 싶다면, step을 이용하면 된다. Price setPrice(e.target.value)} /> (참고한 사이트) https://www.python2.net/questions-195666.htm reactjs - React의 숫자 입력에서 toFloat 및 setState 사용 사용자가 입력 할 때 상태를 통해 새 값을 설정하는 숫자 입력 필드가 있습니다. 이것은 잘 작동합니다. 그러나 소수점에 소수점을 추가하면 (toFixed) 한 자리 만 입력 한 후 커서가 입력 끝으로 www.python2.net

넘버타입 input에서 화살표 증감 표시를 삭제하고 싶다면, css에 다음과 같이 추가해주도록 하자. /* Chrome, Safari, Edge, Opera */ input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } /* Firefox */ input[type=number] { -moz-appearance: textfield; } (참고한 사이트) https://www.w3schools.com/howto/howto_css_hide_arrow_number.asp How To Hide Arrows From Number Input W3Schools offers free o..

프로젝트 진행중 enum타입 데이터에 여러 정보를 추가해서 사용하였다. Enum @Getter public enum Level { // Starter, Bronze, Silver, Gold, Master Starter("Starter", 0,0), Bronze("Bronze",1, 299), Silver("Silver", 300,999), Gold("Gold", 1000,2999), Master("Master",3000,2147483647); private final String name; private final Integer min; private final Integer max; Level(String name, Integer min, Integer max) { this.name = name; th..

리액트에서 onClick 이벤트를 발생시키는데 infinite loop에러가 발생하였다. React Infinite Loop Error onClick={handleOnClick(데이터)} 리액트에서 발생하는 이 무한루프 에러는 onClick 이벤트 렌더링시에 state를 상태를 변경시키는 함수가 있다면 리렌더링이 계속 발생하면서 발생하게 된다. 해결방안 onClick={()=>handleOnClick(데이터)} 다음과 같이 화살표 함수형으로 변경해주면 오류가 해결된다. (참고한 사이트) https://born-dev.tistory.com/4 [React] Too many re-renders. React limits the number of renders to prevent an infinite loop...