Ideveloper's software blog

Webpack - 웹팩 환경 세팅하기 | 시작하기에 앞서, create-react-app 명령어로 리액트 프로젝트를 만들면 자동으로 웹팩 설정이 잡혀서 프로젝트가 만들어져서, 웹팩 관련한 설정을 알기가 쉽지 않다. 예전에는 create-react-app이 없을때는 리액트 프로젝트를 하기위해 웹팩 설정을 일일히 다해줬었다고 한다. 웹팩 관련한 설정은 어떤것이 있는지, 또 웹팩에 대해 더 상세히 파헤쳐보고자 직접 환경을 세팅해 보고 creact-react-app으로 만든 프로젝트를 eject 시켜 비교해보자. http://jusungpark.tistory.com/52 참고 | 프로젝트 시작하기예제 프로젝트를 시작하기에 앞서 package.json 파일을 먼저 만들어준다.package.json 파일은 내가 만..

es6 - Arrow function | Arrow function 활용let newArr = [1,2,3,4,5].map(function(value){ return value * 2; });아래와 위는 같다.(syntax 유지)let newArr = [1,2,3,4,5].map((value)=> value * 2);배열 map, reduce,filter 함수의 콜백에서 arrow function이 자주 사용될 수 있다. | Arrow function 의 this context arrow function의 this context 유지 속성 덕분에, bind 함수를 쓸 필요가 없어지게 된다.Ex1)const myObj ={ runTimeout(){ setTimeout(function(){ this.prin..

알고리즘 - 정렬 알고리즘 | 정렬 알고리즘 종류Bubble sortInsertion sortSelection sortsimple, slow Quick sortMerge sortHeap sortFast Radix sortO(N) | 기본적 정렬 알고리즘1. Selection sort selectionSort(A[], n) { for last

Node.js - forEach with delay | 들어가기에 앞서, foreach를 돌면서 각각의 번호들에게 sms를 보내는 요청을 서버에서 받으려면 시간이 좀 걸려야 하므로, 아래와 같이 delay를 하는기능이 필요했었다. 아래와 같이 서버에 요청을기다리면서 foreach를 돌때는 delay를 아래와 같이 해주면 된다. index를 꼭 넣어줘야 한다는것을 명시하기 바란다. pendingOrders.forEach(((po,index) => { setTimeout(async function(){ smsForm.to = po.get().mobile; await sendSMSRequest.sms(smsForm); }, 5000 *index); //유저의 폰번호를 form에 넣어준다. ​ // }),);

Javascript - 전역객체와 this 자바스크립트에서 빼놓을 수 없는 중요한 개념인 this에 대해서 살펴보자. | 전역객체function func(){ alert('hello?'); } ​ func(); ​ window.func();func는 window라는 전역객체의 메소드이다. (암시적이다)자바스크립트에서 모든 객체는 기본적으로 전역객체의 프로퍼티이다.https://opentutorials.org/course/50/44ECMAScript에서는 전역객체의 API를 정의해두었다. 그 외의 API는 호스트 환경에서 필요에 따라서 추가로 정의하고 있다. 이를테면 웹브라우저 자바스크립트에서는 alert()이라는 전역객체의 메소드가 존재하지만 node.js에는 존재하지 않는다. 또한 전역객체의 이름도 호..

일상 - 스타트업 입사 3달차 회고 | 큰 이슈들 리뷰페이지(리액트)- 입사초반 리액트, 리덕스 및 리덕스 thunk, 리덕스 saga를 학습하면서 동시에 개발하면서 만든 리뷰페이지이다. 메뉴들의 리뷰들을 api서버에 요청하여 받아와 메뉴 타입별, 메뉴명별로 보여주는 페이지이다. data관리는 리덕스,saga를 적용했고, 프로젝트 구조 잡는 것은 velopert님의 to-do list를 조금 참고하였다. 전 지역 새벽배송 확장(node.js api수정)- 기존에는 새벽배송을 할 수 있는 지역이 정해져있고, 점심 저녁 배달가능한 지역은 새벽배송이 불가능한 폐쇄적인 구조였었는데, 점심 저녁 배송지역도 새벽배송이 가능하게 기존 api중앙서버의 api로직을 수정하여 확장하였다. 중간중간, 확장한 지역의 영수증 ..

알고리즘 - 순환(Recursion)의 개념과 기본 예제 3 | 시작하기에 앞서, 순환적 알고리즘 설계적어도 하나의 base case, 즉 순환되지 않고 종료되는 case가 있어야 함.모든 case는 결국 base case로 수렴해야 함.-> 암시적 매개변수를 명시적 매개변수로 바꾸어라. | 순차 탐색 이 함수의 미션은 data[0]에서 data[n-1] 사이에서 target을 검색하는 것이다. 하지만 검색 구간의 시작 인덱스 0은 보통 생략한다. 즉 암시적 매개변수이다. (함수상에 0이라는값이 명시되어 있지 않다.)int search(int [] data,int n, int target){ for (int i=0; iend) return -1; else if (target==items[begin]) r..

알고리즘- 순환(recursion)의 개념과 예제 2 이 내용은 인프런 영리한 프로그래밍을 위한 알고리즘 강좌를 참고한 내용입니다. | 들어가기에 앞서, Q) recursion은 수학함수 계산에만 유용한가? A) 수학함수뿐 아니라 다른 많은 문제들을 recursion으로 해결할 수 있다. | 문자열의 길이 계산if the string is empty return 0; else return 1 plus the length of the string that excludes the first character;위의 설명은 코드로 설명하면 아래와 같다. public static int length(String str){ if(str.equals("")) return 0; else return 1+length(s..