그 동안 뭔가.. 취업을 하기 위해, 내가 했던 것을 나중에 보여주려고만 글을 썼다는 생각이 듭니다. 물론 블로그의 목적은 보여주기도 하고, 내가 고군분투 했던 것을 기록함으로써 노하우를 쌓는 용도도 있을 것이라고 생각합니다. 하지만 이제 와서 보니 애드센스를 달고, 단순 포스팅을 위한 포스팅... 애초에 순수한 목적을 잃은 것 같아서 저만의 도메인을 사고 새로운 블로그를 파서 시작합니다. 새로운 블로그 주소 : ChanGrea.io 새로운 곳으로 이사하지만, 몇몇 포스팅은 가져가고 이 곳은 남겨두려고 합니다. 왜냐하면 이 곳도 제가 성장하려고 노력했던 하나의 흔적이기 때문이죠.. 그럼 안녕~

[Javascript] ES6 (ECMAScript 6) ES6에 새롭게 추가된 기능들 ES6에는 아래와 같이 새로운 기능들이 추가되었다. - arrows - classes - enhanced object literals - template strings - destructuring - default + rest + spread - let + const - iterators + for…of - generators - unicode - modules - module loaders - map + set + weakmap + weakset - proxies - symbols - subclassable built-ins - promises - math + number + string + array + objec..

[Git] Gitflow로 branch를 관리하자!! Git에 관련된 포스팅은 오랜만인 것 같다... 개인적으로 Git의 여러 개념, 명령어 정도는 알고 있기 때문에 사용하는 데는 무리가 없었다. 하지만 회사 또는 팀 프로젝트에서 협업하면서 git을 사용할 때, 무분별하게 생겨나는 branch들(이게 문제...) 그래서 branch를 효율적으로 관리하기 위한 규칙이나 정책들이 필요하다. 이에 대한 여러 방법 중 하나, 그것이 Gitflow!! 이것에 대해서 정리해보자. Gitflow 가 무엇인가? Vincent Driessen 이 제안한 git의 workflow 디자인에 기반한 브랜칭 모델이다. 좀 더 자세히 말하자면 Vincent는 master, develop, feature, release, hotf..

[Javascript] ES5 (ECMAScript 5) 자바스크립트를 접했다면 흔히 ES5, ES6, ECMA 어쩌고...에 대해서 한번 쯤은 들어봤을 것이다. 이번 포스팅부터는 이것들에 대해서 정리를 하고자 한다. ECMAScript란 무엇인가? 자바스크립트는 1995년에 Brendan Eich라는 사람이 발명했다고 한다. 그리고 1997년에 ECMA 표준이 되었다고 한다. ECMAScript는 Ecma 인터내셔널의 ECMA-262 기술 규격에 정의된 표준화된 스크립트 프로그래밍 언어이다. 자바스크립트를 표준화하기 위해 만들어졌고 지금도 자바스크립트가 제일 잘 알려져 있지만, 액션스크립트, J스크립트 등 다른 것들도 포함된다고 한다. ES5 (ECMAScript 5) 그래서 계속해서 자바스크립트는 기..

VSCode에 ESLint & Prettier 적용 1. VSCode Extension 설치 ESLint 자바스크립트의 문법을 체크해주는 도구 Prettier Code Formatting 도구 (코드 정렬, 세미콜론 등) 2. 설정 커스터마이징 package.json ... "eslintConfig": { "extends": [ "airbnb", "prettier" ], "parser": "babel-eslint", "rules": { "react/jsx-filename-extension": 0, "import/no-named-as-default": 0, "import/no-named-as-default-member": 0, "import/no-unresolved": 0, "import/prefer-de..

참고로 제 프로젝트의 폴더 구조는 아래와 같습니다. 개념 위주로 포스팅을 하다보니, 생략한 부분이 어느정도 있습니다. 궁금한 점은 댓글 남겨주시면 답변 드리겠습니다^^ (광고도 한번씩 클릭해주시면 감사하겠습니다 ㅠㅠ ㅋㅋㅋㅋㅋ) redux는 정의된 Action과 Reducer에 의해 구독하고 있는 컴포넌트에 state를 전달하게 된다. 1) store/modules/ 폴더에 파일 생성 or 만드려는 reducer와 관련된 파일에 작성 2) action type, action creator, initial state, reducer 작성 import { createAction, handleActions } from 'redux-actions'; import { Map, fromJS } from 'immut..