Curious Y

「Stay curious, keep learning and keep growing.」

2월 7일 (일) 2월 8일 (월)

프로젝트의 정신없는 기록

오늘 한 일 막상 프로젝트를 시작하니까 기록할 시간도 없다. css에 신경을 너무 많이 쓴건지 시간이 너무 모자르다.

Posted by Yan on February 8, 2021

2월 5일 (금) 2월 6일 (토)

프로젝트 메인 페이지 만들다

오늘 배운 것 모든 요소를 컴포넌트로 만들어서 재활용할 수 있다. 1 2 3 4 5 6 7 8 9 10 11 12 export const InfoRow = styled.div` display: grid; grid-auto-columns: minmax(auto, 1fr); align-items: center; grid-template-...

Posted by Yan on February 6, 2021

2월 4일 (목)

리액트를 막 사용해보기

오늘 한 일 프로젝트를 시작하면서 여러가지 에러를 만난다. 오늘은 hamburger메뉴를 반응형으로 제작할 때 쓰이는 toggle classname이 말썽이었다. 자바스크립트로는 간단한 코드인데 리액트로 옮기니 아주 헛갈린다.

Posted by Yan on February 4, 2021

2월 3일 (수)

리액트의 파일 구조를 생각하다

오늘 한 일 기획단계를 끝내고 이제 리액트 컴포넌트를 설계하고 있다.

Posted by Yan on February 3, 2021

2월 2일 (화)

자바스크립트 복습하기

오늘 한 일 자바스크립트를 너무 오랫동안 안 본 것 같아서 모달창이랑 비주얼 이펙트를 주는 연습을 했다. css는 알 것 같으면서도 모르는 것들이 많은 존재. 리액트로 뉴스 뷰어 앱을 만들면서 styled-component 등을 연습하고 있다. 리액트도 css모듈이 있어서 알아가는 중이다. 프로젝트를...

Posted by Yan on February 2, 2021

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

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

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