[20220523 M]

오늘은 (5) 월 (23) 일 / 날씨: ()

한줄:

💻 1) WORK MEMO & REVIEW

8 to 17

✍️ 소스코드

• input numbers 관련
  • https://dororongju.tistory.com/91
    keydown=> keypress(한글/방향키에서는 발생x)=> keyup
  • select()
  • https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/select
  • 띄어쓰기 예쁘게 코드정리 예쁘게 잊지말자
• file upload
  *https://blog.logrocket.com/create-drag-and-drop-component-react-dropzone/
  • https://dev.to/chandrapantachhetri/responsive-react-file-upload-component-with-drag-and-drop-4ef8

💻 2) CODING & STUDY

Every Morning 6:40 출근~ 7:50/

✍️ REACT

• nested router

  	* ?. 존재하면 실행 // undefinded 예방

  • 탭 2가지 방식(state 변경/ url 변경) 그 중 url 변경방법 (유저들이 url로 해당 탭에 접근 가능하다는 이점이 있음)

    <Link to="/:특정/price"> 가격 </Link>  
    <Link to="/:특정/chart"> 차트 </Link>
    
    
    <switch>
    	<route>
        	<Price path="/:특정/price"/>
        </route>
        <router>
        	<Chart path="/:특정/chart"/>
        </route>
    <switch>

  • active 처리는??
    => useRouterMatch hook사용 => 선택한 url에 위치한다면 object 반환/ 그렇지 않다면 null

    const 탭1매치 = useRouterMatch("/:특정/탭1");

• react query

  • https://react-query.tanstack.com/

  • 코드를 짧게 줄일 수 있는 장점. state, fetch, loading

  • 데이터 캐싱 // 데이터가 유지되는 장점

  • https://react-query.tanstack.com/quick-start 설치

    QueryClient, QueryClientProvider,
    
    fetcher function 만들기
    
    export default function fetch특정데이터(){
    	return fecth(url).then(response => response/json();)
    } 
    
    또는 
    
    export default async function fetch특정데이터(){
    	const response = await fetch(url);
        const json = await response.json();
        return json;
    }
    
    
    ==> 이후 useQuery hook 사용
    
    const {isLoading, data} = useQuery("특정데이터", fetch특정데이터 )
    

```

🆎🎾 3) ENGLISH/ GERMAN / TENNIS

Monday/ Wednesday/ Thursday (Clarisse랑 날짜 조정하기)
Wednesday/ Saturday

• 6월 수영장 등록(화/목 9시)

📌 4) ETC (READING/ ECONOMY)

Free time

• 무비무비

6) TODO & QUESTIONS

• 확인서 제출
• 센터
• 코딩 task1 => ok!
• 코딩 task2 =>
• 가라미 31일
• 30일 수원
• 차장님 코드 참고

❤️ 5월 GOALS

• 재밌는 프론트엔드기능 만들어보기
• nodejs 공부하기
• 실무 질문 많이하기
• 테니스 꾸준히 나가기 (운동량 너무 부족해 테니스를 늘리든지 운동을 하나 더 하든지)
• 책읽을 휴식시간이 필요해