Bank-End Chronicles

「Memory gets GC’d, but this blog stays committed.」

3월 3일 (목)

프로젝트의 개선점 찾기

오늘 배운 것 프로젝트를 할 때는 만들고자 하는 기능을 깔끔하게 정리해서 데드라인을 명시해야한다. 해당 기능을 만들 때 집중해서 만들기에 도움이 된다. 커뮤니케이션에 더 신경을 써보자… 라우터를 제대로 알아야 한다. 상태관리 라이브러리 redux 말고 recoil 봅시다 ...

Posted by Yan on March 3, 2021

React - spread

spread에 대해서

spread search라는 객체를 만들고 그것을 이벤트를 통해 업데이트 시키기 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 const [search, setSearch] = useState({ type: "clickMap",...

Posted by Yan on February 27, 2021

2월 18~20일 (토)

리덕스를 알아가다

redux를 배우고 있다. 복잡해보이면서 간단해보이는 이 리덕스를 과연 이번 프로젝트에서 사용할 수 있을 것인가! code scalper의 redux 프로젝트 강의와 nomad coders의 초보자를 위한 리덕스 101을 들었고 조금씩 개념이 잡히고 있다. 아무래도 redux는 action, type, reducer, ...

Posted by Yan on February 20, 2021

React - from child to parent component

자식이 부모로 보내는 경우에 대해서

child컴포넌트에서 변경된 값을 parent컴포넌트에서 인지하기 SearchMap이라는 컴포넌트 안의 Map컴포넌트에서 map컴포넌트를 클릭할 때마다 클릭한 곳의 좌표값이 생긴다. 이 좌표값을 SearchMap 컴포넌트에서 저장하고 사용하고 때마다 parent component : 1 2 3 4 cons...

Posted by Yan on February 19, 2021

React - Redux counter

redux에 대해서

redux로 counter만들기 counter.js 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 //액션 타입 만들기 const SET_DIFF = "counter/SET_DIFF"; const INCREASE ...

Posted by Yan on February 19, 2021

React - Redux

redux에 대해서

connect component를 store에 연결시켜준다. store.dispatch() store.getState() mapStateToProps function mapStateToProps(state, ownProps?) 함수로 쓰인다 state는 Redux store에서 온 것 ownProps는 component로 ...

Posted by Yan on February 18, 2021

Javascript - redux

redux

vanilla javascript와 redux로 todo list만들기 getState store.getState()현재의 state값을 알 수 있다. subscribe store.subscribe()변화하는 state값을 알 수 있다. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23...

Posted by Yan on February 18, 2021

2월 14~17일 (수)

프로젝트 중간 회고

요즘 한 일 프로젝트를 하면 많이 배우고, 많이 틀리고, 많이 부족함을 느낀다. 처음 로그인, 회원가입 기능을 만드느라 John Ahn의 nodeJS와 React로 보일러 플레이트 만들기 강의를 들으면서 따라해보았다. 강의를 듣기 이전에는 큰 그림이 안 잡혀서 어떤 기능부터 만들어야하는지 몰랐는데, 보면서 reduce...

Posted by Yan on February 17, 2021

React - custom Hooks

hook에 대해서

커스텀 hook 만들기 useInput 유효성을 검증하는 기능이 있는 useInput 이다. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 import React, { useState } from...

Posted by Yan on February 13, 2021

React - useEffect, useState

useState와 useEffect에 대해서

useState 함수형 컴포넌트에서 상태를 관리해야하는 일이 생기면 useState를 쓴다. useEffect 클래스형 컴포넌트의 componentDidMount 와 componentDidUpdate 를 합친 형태 리액트 컴포넌트가 렌더링 될 때마다 특정 작업을 수행하도록 설정 자료 velopert

Posted by Yan on February 12, 2021

ABOUT ME

우리는 읽은 것으로 만들어지고, 기록되지 않은 것은 기억되지 않는다. 그래서 나는 읽고, 배우고, 그리고 남긴다.😉