mildchae

프로젝트를 진행하다 보니 자잘자잘하게 웹팩 설정 할 것이 많아서 한번에 정리하고자 합니다. 포스팅을 진행하면서 저도 조금더 웹팩에 대해 공부를 하게 되었데요. 사실 웹팩은 저희가 진행하는 토이프로젝트에는 맞지 않는다는 생각을 했습니다. 웹팩의 역할은 많은 js파일 css파일 png파일들을 묶어주는 것인데요. 저희가 진행하는 프로젝트는 규모가 너무 작아서 사실 기술의 편안함 보다는 진입장벽으로 다가오는게 현실이죠.. 하지만 웹팩은 꼭 필요한 기술이므로 지금부터 천천히 익혀나가는게 중요하다고 생각합니다.! 웹팩은 큰그림으로 보자면 정말 어려울게 없는 기술입니다. 엔트리지점을 정해서 그것과 연관된 모든 파일을 찾아서 묶어주는것이죠. 묶을때 파일별로 묶어줍니다. 그것을 webpack.config.js 파일에서 ..

이번에는 타입스크립트를 적용시켜보겠습니다. 자바스크립트는 타입을 지정하지 않아도 되서 어떠한 변수가 string이었다가 number이였다가 자유자제로 바뀔 수 있습니다. 또한 컴파일 언어가 아니기 때문에 컴파일단계에서 에러를 확인 할 수도 없습니다. 이것을 해결하기 위해 자바스크립트 위에 타입을 지정해준것이 타입스크립트 입니다. 사전 컴파일을 한다고 생각하시면 될 것 같습니다. 먼저 모듈부터 설치하겠습니다. npm i -D typescript @babel/preset-typescript ts-loader fork-ts-checker-webpack-plugin npm i @types/react @types/react-dom 기존에 적었던 코드를 하나씩 바꾸어 나가겠습니다. 1. webpack.config...

프로젝트 셋팅을 해보도록 하겠습니다. 먼저 nodejs(nodejs란)와 에디터가 설치되어 있다는 가정 하에 시작하겠습니다. 저는 에디터로 vscode를 사용하고 있습니다. (vscode의설치법이 궁금하시다면 여기를 클릭하여 주세요!) 바닥부터 시작하는것이기 떄문에 처음에 복잡할 수 있습니다. 원하는 folder path를 설정한 후 프로젝트 폴더를 만들어 줍니다. C:\Users\User\workspace경로에 react-todo폴더를 만든 후 위의 경로에서 진행 하였습니다. (User는 사용자의 이름) npm init -y npm init : 현재 디렉토리를 Node.js 프로젝트로 초기화하는 명령어로 package.json 파일을 생성합니다. package.json 파일은 현재 Node 프로젝트에 ..

안녕하세요. 약 2개월간에 프론트앤드에 대해 공부한것을 정리하고자 todo앱을 만들어 보려 합니다. 리액트는 creat-react-app 이라는 boilerplate를 사용하는 것이 일반적입니다. 리액트를 사용하기 위해선 셋팅할 것이 많은데 이것을 다 해준것이 create-react-app(CRA)입니다. 이렇게 셋팅을 다 해준것을 boilerplate라 하는데 CRA는 리액트 개발사인 페이스북이 직접 관리하는 공식 boilerplate이기 때문에 맘 놓고 사용해도 된다는 장점이 있습니다. CRA를 사용하면 개발에 편하다는 장점이 있어서 처음엔 저도 CRA를 사용하여 개발하였지만 웹 생태계를 더욱 이해하고자 이번 프로젝트에서는 CRA를 사용하지 않고 진행해보겠습니다 ! 느린것이 가장 빠른것이기 때문에 차..

이번에 go lang을 공부하면서 어떻게 공부하면 좋을까 생각하다가 알고리즘 문제를 풀면서 익숙해져 보자해서 시작하게 되었습니다. 알고리즘 문제를 풀면서 필요한 부분들을 점차 채워 갈 예정이고 부족한 부분이 많을 수 있습니다. 알고리즘 문제를 푸는데 있어서 필요한 부분을 정리 해봤습니다. 입력 출력 변수 선언 반복문 제어문 1.입력 go lang은 C언어와 많이 닮아 있는 것 같습니다. 사실 이렇게 느끼기 까지는 입출력 코드만 봐도 알 수 있습니다. print와 scan이 그것이죠. 먼저 입력 함수인 scan함수를 다뤄 보겠습니다. scan함수는 3가지가 있습니다. scanf c언어에서 자주 쓰는 형식이죠 입력 받을 타입을 정해서 그에 맞는 타입인 변수에 할당 해주는 방식 입니다. package main..

파이썬을 공부하면서 파이써닉한 코드는 무엇인지 한번 공부하고 가야겠다고 생각했습니다. 제가 공부한 부분을 정리하고 기록하려 합니다. 파이썬은 아름다운 하나의 답이 존재한다라는 철학을 가지고 있습니다. 같은 일을 하는 코드가 있을때 거기에는 하나의 정답이 존재한다 라는 철학이죠 그것이 파이써닉입니다. 어떻게하면 파이써닉한 코드를 작성 할 수 있을지 몇가지분류로 공부해보겠습니다 comprehension generator f string swap extended slice slots (yet) kwards (yet) 1. comprehension Comprehension이란 iterable한 오브젝트를 생성하기 위한 방법입니다. 축약이라고 해석되며 이 축약은 list, set, dict을 만드는데 사용됩니다...

저번주에 연준 FOMC 발표가 있었습니다. 많은 내용들이 있었습니다만 핵심적인거 몇개를 짚고 넘어가면 먼저 2022년까지 제로금리로 동결했다는 것이 있습니다. 이것은 금리를 언제 다시 올릴까 걱정하던 투자자들에게 안심하고 투자해라 22년까지 제로금리라고 확실히 못박아 둔것입니다. 또한 올해는 GDP가 감소하는건 어쩔 수 없지만 내년엔 5% 성장을 예상하였고 뭐 실업률도 점점 감소할것이란 예상을 했습니다. 그리고 ycc, 일드캡에 대해서 언급도 하였습니다. 당장 하진 않지만 언제라도 실시 할 수 있다 라는 뜻을 내비쳤는데요. 오늘은 ycc에 대해서 알아보는 시간을 갖겠습니다. yeild는 수익률, curve는 곡선, control은 제어 말 그대로 수익률 곡선을 제어하겠다는 의미 입니다. 그렇다먼 수익률 ..

알고리즘을 공부하기 위해서 종만북을 읽어 내려가며 포스팅을 할 예정입니다. 앞부분에 이론적인 이야기들을 읽고 처음 마주친 내용은 완전탐색에 관한 이야기입니다. 첫번째로 화두로 던진것이 n개중 m개를 뽑는 모든 경우의수를 출력하는 것입니다. 알고리즘에서 모든 경우를 일단 다 탐색해봐야하는 경우가 비일비재한데요 이러한 방법을 딱 틀로 만들어두면 좋다고 생각했습니다. 책에서는 만약 번호매겨진 n개중 4개를 고르는 경우를 어떻게 짤 수 있을까 물음을 던졌습니다. for(int i = 0; i < n; i++){ for(int j = i+1; j < n; j++){ for(int k = j+1; k < n; k++){ for(int l = k+1; l < n; l++){ cout 012 013 023 123 po..