profile
후회없는 하루를

[ES6] Javascript 복습 - 알아두면 유용한 Javascript 팁

자바스크립트를 다시 복습하는 중 잊고있었던 부분 충분히 실수할 수 있는 부분들을 따로 정리하려고 한다. 색인 - includes() >배열을 색인할 때 index가 0인 경우 거짓으로 판별 될 수 있다. 자바스크립트에서 0은 거짓으로 평가되기 때문이다. X 일

2020년 8월 23일
·
0개의 댓글
post-thumbnail

[Redux] Redux(4) - Ducks패턴 Todolist 만들기 (react-redux, immer)

Redux 공식문서 : Tutorial 리덕스의 튜토리얼을 따라 보면 액션타입, 액션 생성자 함수, 리듀서를 각각 다른 파일에 작성합니다. 이런 식으로 구조중심으로 파일들을 나누게 되면 만약 기능을 추가해야 할 때, 적어도 3개 이상의 파일을 열어 수정을 해야합니다.

2020년 7월 21일
·
0개의 댓글
post-thumbnail

[Redux] Redux(3) - 미들웨어, immer로 불변객체 관리

안녕하세요미들웨어에 대한 포스팅입니다.미들웨어를 이용하면 반복적으로 구성해야되는 로직을 쉽게 작성할 수 있습니다.Nodejs에서 express모듈로 RestAPI서버를 만들어봤다면 쉽게 이해가 됩니다. Request가 들어오면 엔드포인트로 전달되기전에 미들웨어를 거쳤습

2020년 7월 20일
·
0개의 댓글
post-thumbnail

[Redux] Redux(2)- React-Redux

안녕하세요 Redux 두번째 포스팅입니다.

2020년 7월 20일
·
0개의 댓글
post-thumbnail

[Redux] Redux(1) - Flux의 구현체 Redux

안녕하세요 Redux와 Ducks구조에 대한 포스팅입니다. Redux는 자바스크립트를 위한 상태관리 프레임워크입니다. 리액트에서 상태값을 하위 컴포넌트에 전달할 때, 그 깊이가 깊어질 수록 복잡도가 올라갑니다. ContextAPI를 사용할 수도 있지만 이 경우도 여

2020년 7월 18일
·
0개의 댓글
post-thumbnail

[Git] Rebase란?

안녕하세요!Git Reabse 에 관한 포스팅입니다.먼저 제가 공부하면서 느낀 Rebase의 특징입니다.Git에서 한 브랜치에서 다른 브랜치로 합치는 방법은 Merge와 Rebase다.Merge와 Rebase의 실행결과는 같지만 커밋 히스토리가 달라진다.Merge는 쉽

2020년 7월 2일
·
0개의 댓글
post-thumbnail

[Git] 리모트 브랜치

안녕하세요 리모트 브랜치에 대한 포스팅입니다.리모트 브랜치에 대해서 공부하기전에 리모트 Ref에 대해서 간단하게만 알아보겠습니다.리모트 Ref보단 리모트 트래킹 브랜치가 자주 쓰입니다.리모트 Ref는 리모트 저장소에 있는 포인터인 레퍼런스 를 말하는데 리모트 저장소의

2020년 6월 30일
·
0개의 댓글
post-thumbnail

[Git] 브랜치,머지를 이용한 이슈해결, 충돌 해결- Branch, Merge

안녕하세요!이어서 Git의 브랜치에 관한 포스팅입니다.지난 포스팅에서 브랜치를 이용해서 커밋 사이를 이동해봤습니다.이번 포스팅은 이슈를 해결해보는 포스팅입니다.작업 중인 프로젝트가 있습니다.그리고, iss53이라는 이슈가 발생해서 브랜치를 새로 만들고 해결하려 합니다.

2020년 6월 29일
·
0개의 댓글
post-thumbnail

[Git] 커밋개체와 브랜치 - Commit Object & Branch

안녕하세요깃의 가장 강력한 기능인 Git Branch에 대한 포스팅입니다.브랜치를 이용하면 하나의 프로젝트를 독립적으로 개발할 수 있습니다.Pro Git 2판을 읽으며 포스팅했습니다.Pro Git 2판 e-book 다운브랜치 모델이 Git의 최고의 장점이고, Git이

2020년 6월 29일
·
0개의 댓글
post-thumbnail

[Git] Git 기초 , 기본 사용법 (2) - 되돌리기, 리모트 remote, 태그 tag

안녕하세요 이어서 Git 기본 사용법에 대한 포스팅입니다.

2020년 6월 29일
·
0개의 댓글
post-thumbnail

[Git] Git 기초 , 기본 사용법 (1) - 파일의상태, 삭제, 변경, 커밋 히스토리 조회

안녕하세요! Git 기초, 기본 사용법에 대한 포스팅입니다. 익숙한 메세지입니다. 저 처럼 github를 혼자서만 사용했다면 더 익숙하게 느껴질 거라 생각합니다. 개발자가 되려면 github를 해야된다는 말을 듣고 기계처럼 사용하던 명령어들인데, 더 이상 잘 모르고

2020년 6월 29일
·
0개의 댓글
post-thumbnail

[Git] Git을 시작하기전에 알아야될 것 - 버전관리시스템, config, 도움말

안녕하세요오늘부터 Git에 대한 포스팅을 시작합니다.ProGit 한국어판 버전 관리 시스템 (Version Control System)은 파일변화를 시간에 따라 기록했다가 나중에 특정 시점의 버전을 다시 꺼내올 수 있는 시스템입니다.VCS는 이런 장점,기능들을 가집니다

2020년 6월 28일
·
0개의 댓글
post-thumbnail

[개발후기] 데이터테이블 관리 앱 (React-Hook, Material-ui, Material-table, axios, NodeJS, express, AWS)

안녕하세요 개인프로젝트를 마치고 개발후기를 작성해봅니다. 너무 오랜만에 포스팅인 것 같습니다. 3주간의 개인프로젝트를 진행해봤습니다. 그 동안 배웠던 것들을 최대한 사용해보고 싶었는데 사실 아쉬운점도 많아서 앞으로 리펙토링을 계속 해야할 것 같습니다. Github와

2020년 6월 24일
·
0개의 댓글
post-thumbnail

[Algorithm] 프로그래머스 레벨1 풀이 모음 - (Javascript)

- #### 우측의 네비게이터 메뉴 또는 Ctrl+F 를 이용해 찾아주세요 제목을 클릭하면 문제로 이동합니다. (새창열기 Ctrl+Click) ■ 다트게임 2018 KAKAO (새창열기 Ctrl+Click) 매개변수 dartResult에서 넘어오는 문자열에서 10점

2020년 5월 19일
·
0개의 댓글
post-thumbnail

[webpack] 웹팩 기본설정(1) - Loader사용하기(babel-loader,css-loader,style-loader)

안녕하세요! 웹팩에 대한 포스팅입니다. 2000년대 초반의 웹 페이지는 페이지가 바뀔 때마다 새로운 HTML을 요청해서 화면을 그리는 방식이었습니다. 자바스크립트는 DOM을 조작하는 간단한 역할만 했기 때문에 HTML에 script태그로 넣는 것으로 충분했습니다. AJ

2020년 5월 3일
·
0개의 댓글
post-thumbnail

[Babel] 폴리필(polyfill) - @babel/preset-env

안녕하세요 폴리필(polyfill)에 대한 포스팅입니다.바벨과 폴리필에대해서 처음 공부할 때 비슷해서 꽤 헷갈렸습니다.먼저 작용하는 시점에 대해서 알아야할 필요가 있었습니다.이 글에서 컴파일-타임은 바벨이 컴파일하는 시점런-타임은 브라우저에서 실행되는 시점이라고 생각하

2020년 5월 2일
·
0개의 댓글
post-thumbnail

[Babel] 바벨 설정 방법 (1) - 전체설정파일 , 지역설정파일

안녕하세요! 바벨 설정파일이 가지는 범위에대한 포스팅입니다.바벨 설정파일의 종류에는 어떤 것들이 있을까요?babel.config.js.babelrc.babelrc.js바벨 설정이 담긴 package.json실습해보면서 설치한 패키지들입니다.먼저 전체설정파일을 먼저 생성

2020년 4월 29일
·
0개의 댓글
post-thumbnail

[Babel] 바벨 설정 방법 (2) - (extends, env, overrides 속성)

안녕하세요 바벨설정방법에 대한 포스팅입니다!바벨설정방법 중 extends, env, overrides속성에 대해 알아보겠습니다.extends속성을 이용해서 다른 설정파일을 가져와 확장해보겠습니다.어떤 식으로 덮어씌워지는지 보겠습니다.플러그인에 옵션을 설정하 때는 배열로

2020년 4월 28일
·
0개의 댓글
post-thumbnail

[Babel] 기본 사용법과 컴파일과정

안녕하세요 바벨에 대한 포스팅입니다!Babel : Documentation바벨(Babel)은 최신 또는 구식 브라우저환경에서 ECMAScript 2015+ 코드를 호환 가능한 JavaScript 버전으로 변환하는 데 주로 사용되는 자바스크립트 컴파일러입니다.또, 입력과

2020년 4월 28일
·
0개의 댓글
post-thumbnail

[ReactHook] 클래스형 컴포넌트에서 커스텀 훅 사용하기

안녕하세요!클래스형 컴포넌트에서 훅을 사용하기위한 방법에 대한 포스팅입니다.훅은 함수형 컴포넌트에만 사용할 수 있습니다.하지만 레거시 프로젝트들이 클래스형 컴포넌트라 작성되어 있는 경우, 훅으로 재사용 가능한 로직을 만들어도 사용할 수 없다고 생각할 수 있습니다.하지만

2020년 4월 24일
·
0개의 댓글