[20220423 S]

오늘은 (4) 월 (23) 일 / 날씨: (좋아)

한줄: 밍..하나를 해도 시간이 오래 걸린다ㅇㅅㅇ 언제쯤 슝슝🤔 ㅋㅋㅋㅋㅋㅋ일주일에 지하철 3번을 잘못타는 나란 여자....

💻 1) WORK MEMO & REVIEW

테니스 끝나고

✍️ 소스코드

💻 2) GRAMMAR OF JAVASCRIPT

18~19

✍️ 동기,비동기

• memo
  • setTimeout, fetch 등 web apis
  • 자바스크립트는 single 쓰레드 (한번에 하나)
• promise (콜백대체)
  (pending/ fullfilled/ rejected)

function example(seconds){
return new Promise((resolve,reject)=>{
if(!seconds){
reject(new Error("error"));
}
setTimeout(()=>{
resolve();
},seconds)
})
}
//성공은 resolve 실패는 reject
example(2000)
.then(수행) -> 성공하면
.catch(에러처리) ->실패하면
.finally(최종적) -> 무조건  // try,catch,finally 대신

* 에러가 발생할 수 있는 곳에서는 항상 catch!, 위치에 따라 

• 비동기 코드를 동기적으로 수행 async
  

💻 3) PROJECTS

10 to 15

✍️ video player 테스터(github)

일단 react-player
https://github.com/CookPete/react-player
or video tag?
https://developer.mozilla.org/en-US/docs/Learn/JavaScript/Client-side_web_APIs/Video_and_audio_APIs

https://developer.mozilla.org/en-US/docs/Web/Guide/Audio_and_video_delivery/cross_browser_video_player#fullscreen

https://stackoverflow.com/questions/3027707/how-to-change-the-playing-speed-of-videos-in-html5
스테이트 한번에 관리 방법
const [state,setState] = useState({
예시: true,
예시2: true,
예시3: 10,
})

const {예시, 예시2, 예시3} = state;
const hadle예시 = ()=>{
setState({...state, 예시: !state.예시})
}

• play/pause 기능

const [play,setPlay] = useState(true);
cosnt handlePlay = ()=>{
	setPlay(!play)
    // play일때 pause 일 때 아이콘 달라지게 , playing attribut
}

• 음소거 기능 및 볼륨기능

  const [muted, setMuted] = useState(false);
  const handleMuted = () => {
    setMuted(!muted);
    setVolume(!muted ? 0 : 0.2);
  };
  const [volume, setVolume] = useState(0.5);
  const handleVolumeChange = (e) => {
    const newValue = Number(e.target.value);
    setVolume(newValue / 100);
    setMuted(newValue === 0 ? true : false);
    //muted and volume 어트리븉
  };

• 시간
• 배속
  -fullscreen ->

디코디코디코

🆎🎾 4) ENGLISH/ GERMAN / TENNIS

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

• 20 to 22 : tennis lesson
  • 코치님께 잘한다고 칭찬받음히히 역시 나의 운동신경🤭 테니스장 가는데 풀냄새 나무냄새가 너무 좋아서 기억에 남는다. 기분전환으로 아주 좋았던 하루. 돌아오는 지하철 잘못타면 어때🤗

📌 5) ETC (READING/ ECONOMY)

Free time

6) TODO & QUESTIONS

• 깃 푸시푸시
• 입금 -샴 -캡> 완료
• 카드를 찾아라> 완료
• api
• 쉐프님
• 내일은 어디가지😗
• 책책책

❤️ 4월 GOALS

• 루틴화하기(집중 안되더라도 습관화하기)
• 이해하고 넘어가도록 노력하기
• 업무 질문 많이많이하기
• es6 재정리하기/ SNS Project & Redux(4-5월)
• 테니스 시작 스트레스 풀기