Tech notes

쉘 스크립트로 FTP 작업 자동화하기 / FTP 옵션 및 커맨드

💡FTP란? 로 파일을 전송하기 위한 통신 프로토콜의 일종이다. FTP를 통해 클라이언트와 서버 간에 파일을 주고받는 게 가능하다. 익숙한 HTTP(HypterText Transfer Protocol)도 통신 프로토콜 중 하나다. 이는 웹브라우저에서 html로 표시된 파일을 서버에서 클라이언트에게 보여주기 위해 사용된다. FTP와 HTTP 둘다 파일을 주고받는 건 같지만 사용되는 포트가 다르다. HTTP는 80번 포트를 쓰고, FTP는 20번과 21번 포트를 사용한다. FTP는 두가지 포트를 사용하여 섬세한 제어와 큰 파일의 전송을 가능케한다. (ftp 사용중 20번이나 21번 포트가 닫혀있어서 에러가 생기는 경우가 있음) FTP 서버는 익명(anonymous)서버와 그렇지 않은 것 두가지로 나뉘는데, ..

자바스크립트 로컬저장소에서 데이터 불러오다가 생긴 문제 해결

새로고침하고 기존에 저장된 데이터들을 가져오는 것 까진 문제가 없었으나, 거기서 새로운 input을 넣으면 기존의 값들은 다 날아가는 문제가 있었다. 이런 문제가 발생한 원인은, 인풋을 todo배열에 저장하고, 그때마다 새로운 todo배열로 저장소 내역을 덮어씌우는 식으로 로직을 짰기 때문이었다. todo에 객체들을 저장하고 local storage에 저장하는 것 까지는 문제가 없었으나, todo배열 자체는 새로고침 후엔 텅 빈 상태가 된다. 어찌보면 당연한 거지만 뭐가 문제인지 뒤늦게 눈치챔; 여기서 새 input을 넣으면 기존의 값들은 todo배열에 저장되지 않은 채 새로운 값만 저장되고, 로컬 저장소에 덮어쓰게된다. 그러니 당연히 한번 더 새로고침하면 기존값들은 날아가고 없고 새로 입력한 값만 보이..

splice 사용 중 이상한 거 기록

로그 찍어가면서 로컬저장소 내 배열 변화 확인하는 중인데 todoItems.splice(index, 1); console.log(localStorage); splice로 아이템을 제거한 후의 배열이 출력되어야 하는데 위 코드에서는 제거되기 전의 배열이 출력됨. 하지만 localStorage를 입력해서 확인해보면 지정한 인덱스의 오브젝트는 삭제된 게 맞음 이 말은 즉슨 splice가 작업을 수행하기 전에 로그가 찍힌다는 건데.. 왜 그런지 잘 모르겠다

자바스크립트 문법 ... 을 이용한 전개 구문(spread syntax)

🔥 Javascript Spread Syntax (..) 다른 분의 코드를 보다가 배열안에 ... 을 사용한 걸 보고 뭔가 싶어서 찾아보니 전개 구문(Spread syntax)라 불리는 자바스크립트 문법이 있었다. Spread syntax (...) - JavaScript | MDN Spread syntax (...) allows an iterable such as an array expression or string to be expanded in places where zero or more arguments (for function calls) or elements (for array literals) are expected, or an object expression to be expanded i..