[20220611 S]

devbit4 [front-end developer]·2022년 6월 11일
0

TIL

목록 보기
63/163

오늘은 (6) 월 (11) 일 / 날씨: (Good)

한줄: FOCUS ON WHAT TO DO! 루틴 깨지고 있는 거 알G? 너무 싫지? 선택과 집중


💼 1) WORK & CODE REVIEW

✍️ 소스코드

  • 소제목
    • 지라에 남기기
    • SWAGGER 로그인

💻 2) ALGORITHM & STUDY

정리해정리

✍️ 대제목:

  • Recoil, TS

    useRecoilState
    useRecoilValue
    useSetRecoilState
    
    export enum Categories{
    	"TO_DO" = "TO_DO",
        "DOING" = "DOING",
        "DONE" = "DONE"   
    }
    
    1) 
    
    const handleClick =(category)=>{
    console.log(category);
    }
    <button onClick =(()=>{handleClick("TODO")})>버튼</button>
    
    2) 
    
    const handleClick =(e)=>{
    console.log(e.currentTarget.name)
    
    const {currentTarget:{name}}=event; //
    
    }
    <button name="TODO" onClick={handleClick}>버튼</button>
    
    const toDoSelector = selector({
    key:"toDoSelector",
    get:({get})=>{
    	const toDos = get(toDoState);
        return [
        	toDos.filter((toDo)=>toDo.category === Categories.TO_DO)
        	toDos.filter((toDo)=>toDo.category === Categories.DOING)
            toDos.filter((toDo)=>toDo.category === Categories.DONE)
        
        ]
    }
    })
    
    const [toDo, doing,done] =useRecoilValue(toDoSelector);
    
    ---
    
    const toDoSelector = selector({
    key:"toDoSelector",
    get:({get})=>{
    	const toDos = get(toDoState);
        const category = get(categoryState);
        return toDos.filter((toDo)=>toDo.category === category);
    }
    })
    
    
    
    
    const [category, setCategory] = useRecoilState(categoryState);
    
    const handleInput = ()=>{
    setCategory(event.currentTarget.value);
    }
    
    <select value ={catogory} onInput={handleInput}>
    	<option value=Categories.TO_DO>TO DO</option>
    	<option value=Categories.DOING>DOING</option>
    	<option value=Categories.DONE>DONE</option>
    </select>
    
    function ToDo({text,category,id}){
    const onClick = (e)=>{
    			const {currentTarget: {name}} =event;
        
        setToDoos((oldToDos)=>{
        	const targetIndex = oldToDos.findIndex((toDo)=> toDo.id === id);
            const newToDo = {text,id,category};
            
            return [
            ...oldToDos.slice(0,targetIndex),
            newToDo,
            ...oldToDos.slice(targetIndex+1)
            
            ]
        
        })
    
    }
    
    
    }

🆎🎾 3) ENGLISH/ GERMAN / TENNIS / SWIMMING

Monday/ Wednesday(Tuesday)/ Thursday (Clarisse랑 날짜 조정하기)
Tuesday / Thursday 21 to 22
Saturday 20 to 22


red tide: an event that occurs on the coastline when algae-a plant like organism-grows out of control

arrive home
tour around
stay at the

You've been engaged in our discussions
indeed
make the class more interesting
keep it up

📌 4) ETC (READING/ ECONOMY/ FRIENDS)

Free time


6) TODO & QUESTIONS

  • Notion: plan for next week
  • 수요일 예약 변경 => 완료
  • 평일 시간 확보 => 주말만!
  • 9월 재단 공지 살피기
  • 강의 지원?
  • 3개월 Relection Time

❤️ 6월 GOALS

  • notion week plan 루틴루틴루틴
  • 여유생기면 일기말고 칼럼형태?
  • 마이 프로젝트 시간 확보하기
  • 질문질문
  • 수영 다시하게 되어 행복🐬
  • 잔디 좀 심어볼까 응용응용
  • 알고리즘 공부.....ㅇㅅㅇ
profile
제대로 꾸준하게 / 블로그 이전 => https://dailybit.co.kr

0개의 댓글