Bank-End Chronicles

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

3월 6일 (토)

프로젝트 마무리

요즘 한 일 프로젝트를 마무리했다. 시간이 많이 부족했던 것이 아쉽다. 그치만 배운 것이 더 많았다. 체계가 없었다는 부족한 점도 다음 프로젝트에서 더 꼼꼼하게 준비할 수 있는 경험이었다고 생각한다. 느닷없이 자바를 배운다. 데이터 타입에 신경을 써야 해서 자바스크립트와 다르다. 그러나 기본적인 코딩에 대한 것은 비슷...

Posted by Yan on March 6, 2021

Javascript - URL objects

url에 대해서

url 객체 window 내장함수인 url 객체는 URL을 만들고 파싱할 수 있게 해준다. URL객체를 반드시 활용해서 url을 만들 필요는 없지만 유용하게 사용할 수 있다. URL 만들기 1 new URL(url, [base]); url : 전체 URL 또는 path base : 옵션. url에 pat...

Posted by Yan on March 4, 2021

React - Router

route에 대해서

React Router 리액트 라우터 v4는 더 이상 쿼리를 파싱하지 않는다. 하지만 this.props.location.search로 접근할 수 있다. 또는 useLocation도 있다. this.props.location.search는 (?q1=dollar&qs2=yuan)같은 형태를 말하고, le...

Posted by Yan on March 3, 2021

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

ABOUT ME

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