Curious Y

「Stay curious, keep learning and keep growing.」

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

2월 12일 (금)

api 호출 횟수 1000회를 순식간에 써버리는 방법

렌더링지옥. 영원회귀 1 2 3 4 5 6 7 8 9 10 11 const [data, setData] = useState([]); useEffect(() => { const fetchData = () => { axios.get({ url }).then((response) => { setData(response...

Posted by Yan on February 12, 2021

React - boilerplate

hoc에 대해서

폴더 구조 src _actions : redux를 위한 폴더 _reducer : redux를 위한 폴더 components : page를 넣는 폴더 views Navbar, RegisterPage, LandingPage, ...

Posted by Yan on February 9, 2021

FEATURED TAGS
Udemy java CS SQL DB Spring algorithm 디자인패턴 Gof effective Java class spring Ubuntu 이것이 자바다 자바의 정석 TDD object 데이터 OS gradle javascript quick_sort stream 객체지향 AWS Algorithm Khan_academy MSA NodeJS Nomad_Coders OOP cloud controller design_pattern domain frontend gof heap_sort lambda node
ABOUT ME

만드는 즐거움. 기록하는 즐거움. 익히는 즐거움 😉