본문 바로가기
[자바] FTPClient로 이미지 다운 받기 2021. 7. 25. 12:47 회사 광고주 사이트에서 이미지를 못 긁어오는 현상이 발견되었다. (외부링크 방지) 그래서 자바로 FTP다운로더를 구현하기로 하였다. REMOTE_DIR 값에 원격폴더위치를 지정해주면 하위 폴더 및 파일을 가져올 수 있도록 구현하였다. 라이브러리는 apache에서 제공해주는 commons-net-3.8.0.jar를 사용했다. 소스는 다음과 같다. import java.io.File; import java.io.FileOutputStream; import java.io.IOException; import java.util.ArrayList; import java.util.Collections; import java.util.List; import org.apache.commons.net.ftp.FTP; im..
[자바스크립트] call, apply, bind 2020. 9. 21. 22:53 call과 apply,bind 메소드를 이용하여 this에 특정값을 가져와 보여주자. 1. call 메소드 const sangmin = { name: "Sangmin" }; const ramirez = { name: "Ramirez" }; function greet(){ return `Hello, I'm ${this.name}!`; } greet(); //"Hello, I am undefined!" greet.call(sangmin); //"Hello, I am Sangmin!" greet.call(ramirez); //"Hello, I am Ramirez!" 함수를 호출하면서 call을 사용할때 매개변수에 객체이름을 적으면 해당 객체의 프로러티값이 함수에 호출 됩니다. 또한 매개변수를 여러개 적..
[자바스크립트] 배열 메소드 2020. 9. 20. 22:40 기존 배열부터 새로 추가된 배열 메소드에 대해 간단히 소개하겠습니다. 1. foreach문 기존의 for문과 foreach문을 비교하여 다른점을 찾아봅시다. // for 구문 버전 var arr = [3, 9, 4, 2, 7, 6]; for (var i = 0; i < arr.length; i++) { if (arr[i] % 2 == 0) { console.log(arr[i]); // 4, 2, 6 } } // forEach() 버전 var arr = [3, 9, 4, 2, 7, 6]; arr.forEach(function (n) { if (n % 2 == 0) { console.log(n); // 4, 2, 6 } }); 이런식으로 화살표 함수를 이용하여 간단하게 표현 할 수 있습니다. // forEa..
[자바스크립트] 클래스와 인스턴스 생성 2020. 9. 19. 21:12 ES6부터 클래스를 만드는 새 문법이 도입되었습니다. 클래스선언과 클래스표현으로 클래스를 구현할 수 있습니다. 1. class Car 생성하기 class Car{ constructor(make,model){ this.make = make; this.model = model; this._userGears = [&#39;P&#39;, &#39;N&#39;, &#39;R&#39;, &#39;D&#39;]; this._userGear = this._userGears[0]; } shift(gear){ if(this._userGears.indexOf(gear)
[자바스크립트] prototype과 리팩토링 2020. 9. 19. 21:05 1. 프로토타입 소개 자바스크립트의 함수는 프로토타입으로 구성되어있습니다. //prototype.js function Person() {} //Person 객체 생성 Person.prototype.eyes = 2; // Person의 eyes프로퍼티를 생성 후 2를 대입함. Person.prototype.nose = 1; // Person의 nose프로퍼티를 생성 후 1를 대입함. const Na = new Person(); // Na라는 Person의 새 객체를 생성함. console.log(Na.eyes); // => 2 이를 보기 쉽게 표로 표현하면 다음과 같습니다. 2. class타입으로 리팩토링 하기 기존의 프로토타입의 함수를 es6에 새로 도입된 class함수 타입으로 리팩토링 해보겠습니다. ..
[리액트] props와 state 2020. 9. 19. 13:22 React에서 컴포넌트를 다루는 props와 state라는 2가지 데이터가 있습니다. 이 2가지의 데이터에 대해서 간단하게 소개드리겠습니다. 1. props 우선 컴포넌트 ExampleComp.js를 새로 작성합니다. // ExampleComp.js import React from &#39;react&#39;; const ExampleComp = (props) => { return ( 저는 올해 {props.age}살인 {props.name}입니다. ); } export default ExampleComp; 그리고 App.js에서 ExampleComp를 추가해서 ExampleComp안에 매개변수 name과 age에 값을 입력해 줍니다. // App.js import React from &#39;react..
[자바스크립트] Promise 2020. 9. 19. 13:20 프로미스는 자바스크립트 비동기 처리에 사용되는 객체입니다. 주로 서버에서 받아온 데이터를 화면에 표시할 때 사용합니다. 1. 프로미스 기본 예제 프로미스로 간단하게 카운트 5을 세는 countdown함수를 만들어 봅시다. function countdown(seconds){ return new Promise(function(resolve,reject){ for(let i=seconds;i>=0;i--){ setTimeout(function(){ if(i>0) console.log(i + &#39;...&#39;); else resolve(console.log("GO!")); },(seconds-i)*1000); } }) } const p =countdown(5); p.then( function(){ con..
[자바스크립트] async & await 2020. 9. 19. 13:17 async와 await를 이용하여 비동기 구현을 해보겠습니다. 값 의미 async 비동기 await 대기 1. async & await 기본 문법 async & await 기본 문법은 다음과 같다. async function 함수명() { await 비동기_처리_메서드_명(); } 2. async & await 기본 예제 async & await는 Promise 생성자가 있어야 사용이 가능합니다. fetchItems라는 Promise 함수를 생성하여 logItems함수에서 불러와 보도록 하겠습니다. function fetchItems() { return new Promise(function(resolve, reject) { var items = [1,2,3]; resolve(items) }); } asy..

티스토리툴바