Bank-End Chronicles

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

React - 라우터

route에 대해서

리액트 라우터 먼저 라우터 라이브러리를 설치한다 yarn add react-router-dom 그리고 index.js에서 BrowserRouter컴포넌트를 추가한다 1 2 3 4 5 6 7 8 9 10 11 import React from "react"; import ReactDOM from "react-dom"; import App from "...

Posted by Yan on February 2, 2021

React - 비동기

async를 쓸까 axios를 쓸까 고민하다가 기록

get 1 2 3 4 5 const onClick = () => { axios.get("url").then((response) => { setData(response.data); }); }; async 1 2 3 4 5 6 7 8 9 const onClick = async () => { try { ...

Posted by Yan on February 2, 2021

Javascript, CSS - 나타나기 효과

animation

나타나기 효과 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 <!DOCTYPE html> <html> <head> <title>Parcel Sandbox</title&...

Posted by Yan on February 2, 2021

Javascript, CSS - Modal

Modal

모달창 만들기 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 <!DOCTYPE html> <html> <head> <title>Parcel Sandbox</tit...

Posted by Yan on February 2, 2021

2월 1일 (월)

context api를 배우다

오늘 한 일 Navigation/SearchItem의 검색 키워드를 어떻게 App의 Context API로 올려보낼지 고민중이었는데, 중첩 context로 전달할 수 있다는 것을 알게 되었다. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 import Profile from "./...

Posted by Yan on February 1, 2021

알고리즘 - 선택정렬

선택정렬에 대해서

선택정렬 선택정렬 : 다음으로 작은 항목을 선택하고 이를 제자리로 바꾸는 과정을 반복 가장 작은 카드를 찾아서 첫 번째 카드와 바꿉니다. 두 번째로 작은 카드를 찾아서 두 번째 카드와 바꿉니다. 세 번째로 작은 카드를 찾아서 세 번째 카드와 바꿉니다. 배열이 정렬될 때까지 그 다음으로 작은 카드를 올바른 위치로 ...

Posted by Yan on February 1, 2021

1월 29일 (금), 1월 30일 (토), 1월 31일 (일)

리액트 프로젝트를 다시 들여다보다

오늘 한 일 React 프로젝트를 다시 수정하고 있다. 먼저 tab의 인덱스를 받아서 베스트셀러 탭과 신간도서 탭을 관리하고자 tabContents를 배열로 바꾸고 map으로 tab을 랜더링했다. 그리고 useState를 사용해 tab의 인덱스를 관리해주도록 만들었다. tab은 잘 작동하지만 불필요한 코드가 생겨난 것 같아 리팩토링이 필요...

Posted by Yan on January 31, 2021

React - context API

context api에 대해서

콘텍스트 API로 데이터 전달하기 상위 컴포넌트 -> 하위 컴포넌트로 데이터 전달 시 속성값이 사용된다. 많은 수의 하위 컴포넌트로 속성값을 내려줄 때는 코드를 반복적으로 작성해야하는 문제가 있는데, 이 때 context API를 사용하면 컴포넌트의 중첩구조가 복잡한 상황에서도 비교적 쉽게 데이터를 전달할 수 있다. context API를...

Posted by Yan on January 29, 2021

1월 28일 (목)

새로운 프로젝트를 기획하다

오늘 한 일 어떤 프로젝트를 할지 기획하다보니 구현해보고 싶은 기능들이 많아진다. 탈 없이 잘 작동하는 모습이 보고싶다.

Posted by Yan on January 28, 2021

1월 27일 (수)

좋은 리소스를 찾는 행운

오늘 한 일 오픈 api를 알아보고 있다. 전에 해보지 않았던 기획으로 재밌게 프로젝트를 해보고 싶다.

Posted by Yan on January 27, 2021

ABOUT ME

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