Ellen's Web Note

리덕스 개념 컴포넌트의 상태 업데이트 관련 로직을 다른 파일로 분리시켜서 여러 컴포넌트에서 동일한 상태를 참조할 수 있도록 하는 라이브러리. 기존의 데이터 처리는 부모 컴포넌트에서 업데이트하면서 상태를 관리하고 자식 컴포넌트는 부모 컴포넌트의 데이터를 참조(props)하기 때문에 자식 컴포넌트의 노드가 깊어지면 데이터를 끌고 가야하는 불편함이 있다. 또, 부모 컴포넌트끼리 값을 참조해야 하는 경우 그 위에 또다른 상위 컴포넌트를 생성하여 같은 데이터를 참조할 수 있도록 유도해야 한다. 리덕스를 사용하면, 데이터를 가진 파일을 분리하고 import해서 사용하기 때문에 어느 위치의 컴포넌트라도 동일한 상태의 데이터를 참조할 수 있게 된다. 리덕스 키워드 개념 액션(Action) 데이터에 업데이트가 필요한 경..

의 이미지 크기를 바꿔서 ftp에 업로드 해야하는 경우. 찾아보니 img -> canvas -> img 인 것 같다. 내가 해야하는 것은 업로드한 이미지를 400*300으로 바꿔서 ftp에 업로드 한다. //업로드한 이미지를 400*300인 canvas에 draw var drawCanvas = function (imageSrc, num) { var image = new Image(); var id = "canvas"+num; var canvas = document.getElementById(id); canvas.width = 400; canvas.height = 300; canvas.backgroundColor = 'rgb(255, 255, 255)'; image.src = imageSrc; image...

ftp에 연결하는 경우, web에서 ftp서버에 직접 연결하는 방법, 별도의 api를 통해 통신하는 방법이 있었다. 회사에서 사용하는 ftp이기 때문에 유지보수와 통일성을 위해 nodejs를 이용하여 ftp통신 api를 만들어 script에서 api와 ajax통신을 하도록 로직을 구성하였다. - api input : 파일경로, 파일 조건 : multiple max 50, exe파일은 저장하지 않음 output : 파일 전체 경로, 파일명(날짜 + 기존 파일명) -ajax function ftpFileUpload(path, files){ var form = new FormData(); var result = ""; //ftp 파일 업로드 경로 form.append("path", path); //업로드 할 ..