전체 글218 progress bar circle 무한대로 돌리기 (CSS) &.mic-process { &:before { position: absolute; left: -12px; bottom: -12px; border-radius: 100px; -webkit-transition: all 0.5s ease-in; -webkit-animation-name: rotate; -webkit-animation-duration: 1s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; transition: all 0.5s ease-in; animation-name: rotate; animation-duration: 1s; animation-iteration-count: infini.. 2022. 10. 31. SFTP에 파일 올리기 내부망 서버SFTP에 이미지 파일 등을 매일올려야하는데 접속하기 너무 귀찮아서 소스 만들었음 여러개 multi로 올리는 케이스, 단일파일 올리는 케이스 2개 있음 XXController 에 아래 내용 추가 /** * 단일 파일 업로드 * @param request * @param file * @param params * @return * @throws Exception */ @RequestMapping(value = "/uploadFile") @ResponseBody public String uploadFile(HttpServletRequest request, @RequestPart MultipartFile file ,@RequestPart HashMap params) throws Exception { .. 2022. 10. 21. 얕은 복사 vs 깊은 복사 (vue, react) 얕은 복사 vs깊은 복사 얕은 복사 : 참조에 의한 할당. 같은 데이터 주소를 가지고 있는것, 값을 카피하고 출력해도 동일하다. 얕은 비교 : 기본 타입데이터는 값만 비교, 객체는 참조까지 비교(같은 값이더라도 false) 깊은 복사: 아예 새로 운 객체안에 속성만 복사해서 사용 , 다른 주소를 갖는다. 깊은 비교 : 객체의 경우 값까지 비교 → 깊은 복사 간단하게 할 수 있는 방법? 1depth 까지는 shallow copy , 2 depth이상이면 deep copy이다. const JSONuser = JSON.parse(JSON.stringify(user)); const lodashUser = cloneDeep(user); 완벽한 deep copy를 하고 싶으면? > 재귀적으로 깊은 복사를 하던지, .. 2022. 9. 25. Recoil context API context api 단점은 context를 구독하고 있는 하위의 모든것이 재 랜더링 된다. 성능상 문제가 생길 수 있음 낮은 빈도의 업데이트에 적합하다. (정적인 값, 구독을 통해 업데이트를 전파하는 것) 한계 상태 공유를 위해 상위요소까지 끌어올리면 트리가 다 재렌더 될수도있다. context는 단일 값만을 저장할 수 있고, 자체 Consumer를 자기는 여러가지 집합은 담을 수 없다. 최상단부터 트리의 잎까지 코드 분할이 어렵다. Redux한계 store는 외부 요인으로 취급되기때문에 React의 내부 스케줄러에 접근 할 수 없다. Recoil은 내부적으로 React의 상태를 사용하고 있다. 또한 많은 보일러플레이트 코드를 사용해야한다. 그리고 비동기 데이터 처리 또는 계산된 .. 2022. 9. 24. 이전 1 2 3 4 5 6 7 ··· 55 다음 반응형
