profile
개발은 낭만이다
post-thumbnail

[React]Redux-toolkit 사용법

store middleware등의 환경을 건들지 안고 바로 적용할 수 있는 방식redux-actions에서 제공하고 있던 createAction()과 같은 방식으로 작동한다.기존의 Action creator를 세부적으로 만들 필요 없이 actionCreator를 통해서

2022년 5월 9일
·
0개의 댓글
post-thumbnail

[React]관심사 분리

하나의 함수, 변수, 클래스, 컴포넌트에게 한번에 너무 많은 일(concerns)을 부여하게 되면 그 코드를 읽는 사람은 혼란스러울 수 있다.가장 간단한 해결책은 한번에 한 가지 걱정만 하도록 단위를 잘게 나누는 것이다. 즉, 코드는 단위 별로 하나의 관심사만 갖도록

2022년 5월 8일
·
0개의 댓글

[React]ESLint / Prettier

자바스크립트 코드에서 발견된 문제 패턴을 식별하기 위한 정적 코드 분석 도구이다.대부분의 프로그래밍 언어에는 컴파일하는 과정에서 수행되는 Linter가 기본적으로 내장되어 있다.그러나, 인터프리터 언어인 자바스크립트는 Linter가 내장되어 있지 않다.이 때문에 런타임

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

Webpack 기본적인 사용법

우선 로컬에 웹팩을 설치한다. 터미널에서 명령어로 실행하기 위해 webpack-cli도 함께 설치하자. 웹팩은 테스트 도구인 cypress와 마찬가지로, 배포할 때 필요한 패키지가 아니라 개발할 때 필요한 패키지이니까 -D 또는 --save-dev 옵션을 준다. 그러면

2022년 5월 1일
·
0개의 댓글
post-thumbnail

[JS]What is Webpack

웹팩은 여러 파일을 하나로 합쳐주는 자바스크립트 번들러이다.하나의 entry point에서 시작하여 의존하는 모듈을 찾아내고, 결과적으로 하나의 결과물을 만들어 낸다. 웹팩은 모듈 시스템을 구성하는 기능 이외에도 컴파일 속도를 빠르게 해준다거나, 로더를 사용할 수 있다

2022년 4월 28일
·
0개의 댓글

[React] Redux vs React Hooks

출처 https://delivan.dev/react/stop-asking-if-react-hooks-replace-redux-kr/Redux 와 context 관련 글들을 찾아보던중 흥미로운 글이 있어서 가져와 봤습니다많은 동료들이 내게 같은 질문을 다양한 방

2022년 4월 26일
·
0개의 댓글
post-thumbnail

[React] Virtual DOM

Virtual DOM 을 알기위해선 먼저 DOM이 뭐하는 친구인지 알아보자.DOM은 Document Object Model의 약자로, HTML 요소를 Object(JavaScript Object)처럼 조작(Manipulation)할 수 있는 Model이다즉, 웹 페이지

2022년 4월 25일
·
0개의 댓글
post-thumbnail

[JS]var, let, const 차이 / 스코프, 호이스팅

memory allocationhttps://medium.com/@ethannam/javascripts-memory-model-7c972cd2c239먼저 자바스크립트에서 변수가 무엇인지 알아보자. 변수(variable)는 하나의 값을 저장하기 위해 확보한 메모

2022년 4월 24일
·
0개의 댓글
post-thumbnail

Prototype

서비스 론칭전에 다방면 적으로 유저경험을 테스트 하기위해 사용되는 최종 제품의 시뮬레이션 또는샘플 버전 이라고 간단히 설명 할 수 있다. 그렇다면 어떻게 생겼고 갖는 이점이 뭘까?현재 진행중인 프로젝트의 로그인화면 프로토타입이다, 제 3자들에게 말이나 글로 제작중인 서

2022년 4월 21일
·
1개의 댓글
post-thumbnail

Wire-frame

우리 프로젝트 팀은 여행관련 서비스를 이번 프로젝트 주제로 정해 개발을 진행하기로 했다. 서비스 소개와 기능들은 차후 블로그에 올릴 예정이다. 그 전에 먼저 프론트엔드 SR기획에서 핵심이라고 할수있는 와이어프레임과 프로토타입을 만들었고 그중에 와이어 프레임이 뭔지 알아

2022년 4월 20일
·
0개의 댓글
post-thumbnail

Fisrt Start

개발자가 되겠다고 결심하고 부트캠프에 들어가서 공부를 시작한지 거의 반년이 지났다 지난 시간들을 돌아보면 나름 잘 달려온 것 같다. 비전공자, 특히 사람자체가 문과인 나는 처음에 적응하는데 정말 힘들었다 남들에게는 기본인 것들이 나에게는 심화과정인 부분들

2022년 4월 19일
·
0개의 댓글