Dog foot print

나는 리액트를 접할때 유명한 리액트 블로거인 벨로퍼트님의 책을 보면서 create-react-app 을 사용해서 손 쉽게 리액트 개발환경을 구축하는 것을 먼저 배웠다. 리액트 책을 볼 때 웹팩에 대해서 일정부분 설명이 있었으나 곧 이어 sass와 css_module을 사용을 하며 나에게는 웹팩은 sass와 css_module을 사용할때 만 건들고 더 이상은 건들지 않아도 되겠다는 개념으로 자리잡게 되었다. 그러나 오늘 채용공고에서 웹팩과 바벨의 이해가 있는 사람을 우대하는 것을 보고 집에가는 길에 웹팩에 관한 글을 읽게 되었다. 내용은 결국 여러 모듈화된 파일들을 하나의 번들파일로 만들어 이를 배포하게 해주는 것이였는데 중요한점은 "javascript외 다른 지원 파일들을 import 했을 때 사용하는 ..

프로그래밍언어를 공부하다보면 필연적으로 등장하는 개념인 콜백 함수를 만나게 된다. 나 또한 콜백함수에 대한 개념이 제대로 정리되지 않은 채 그저 동기와 비동기처리를 위해 사용되는 기법이라고만 단순히 알고 있었다. 그렇기에 이참에 콜백함수에 대해서 정리해보려 한다. 콜백함수란 ? 콜백함수는 한 줄로 요약해서 "함수의 인자로 전달되는 함수입니다. " 라고 할 수 있겠다. 무슨 말인가 함은 우리가 함수를 더욱 잘게 쪼개어 함수가 이 기능도 저 기능도 되는 복잡한 괴물이 될 수 있는 것을 방지 할 수 있고 함수의 로직 실행시기를 조정 할 수 있다는 것이다. 콜백함수가 될 수 있는 조건 1. 변수나 데이터 구조 안에 담을 수 있어야 한다. //자바스크립트는 변수나 구조체 , 객체등에 함수를 담을 수 있다. 2. ..

배열은 다른언어에서는 같은 데이터타입이 메모리상 선형구조로 있는 자료구조를 말한다. 그러나 자바스크립트에서는 배열에 다른 데이터 타입이 들어가도 작동된다. 배열은 우리가 코드를 작성할때 코드의 라인을 여러개 쓰지 않고 각기 다른 메모리에 작성할 수 있는 이점이 있다. 배열의 구성 배열은 key와 value로 구성된다. 배열은 메모리가 연결되어 있는 모습을 하고 있는데, key는 배열에 담겨있는 값 (value)를 찾기 위해 사용되는 메모리의 번호이다. 배열의 0번 방에는 "h" 가 들어있는데 이때 0번방에 해당하는 번호가 key이다. (배열의 첫번째 방은 0부터 시작한다. ) 배열의 선언과 사용 var array = []; //선언 var array = [1,2,3,4,5,6,7,8,9,10] // 선언..

중학교 때 함수라는 것을 수학시간에 배운적이 있다. 그런데 그 때 당시 나는 수학을 너무 싫어해서 함수만 보면 경기를 하고는 했다. 그리고 나이가 들어 프로그래밍을 배우기 시작하는데 함수라는 것이 등장하였다. 중학교 때 너무나도 싫어 하던 두 글자 '함수' 였지만 어릴적 싫어하던 수학시간의 함수와 개념은 비슷했지만 이 함수를 이용하는 것은 중학교 때 보다 너무 쉬웠다. 함수란 내가 쉽게 사람들한테 설명할 수 있는 함수의 정의는 "어떤 한 행위에 대한 절차" 이다. 중학교 때 아래와 같은 그림들을 많이 보았을건데 함수는 input을 이용해서 이 input을 가공해서 output을 만들어 낼 수도 있고 input없이 output을 만들어 낼 수 있다. 쉽게 말해서 내가 지정하는 논리에 의해 함수는 특정 동작..

혹시 단순 노동일을 해본적이 있나? 나는 23살 군대에서 휴가나와서 잠시 아버지의 목공이신 지인분을 따라 아파트 건설현장에 가서 일을 도와준적이 있다. 내가 했던 일은 1층에 문을만드는 자재가 오면 그 자재를 2개동의 각 층마다 두는 역할을 했다. 엘리베이터를 타기에 육체적으로 힘들지는 않았지만 반복되는 작업이라 매우 귀찮고 지루했다. 프로그래밍을 짤때도 마찬가지이다. 1부터 10까지 console.log()를 사용하여 출력하려면 코드상에 다음과 같이 작성해야는데 보기도 좋지않고 만약 1부터 10000까지 출력해야 한다면 이는 실로 말할 수 없는 고통스러운 일이 될 것이다. console.log(1) console.log(2) console.log(3) ... console.log(10) 앞으로 다룰 f..