TIL 14

Ted·2022년 6월 4일
0

TIL

목록 보기
14/51
post-thumbnail

👊 드디어 내일 쉬는 날 이때 조금이라도 더 과제를 해 놔야 한다.




집중도 1~5 (4.3)

' 집중도 나쁘지 않다. 어제에 이어서 2일 연속 책 읽고 있는데 확실히 아날로그 일기를 쓴 후 책 읽는 시간까지 갖으니까 마음이 더 평안해지고 두뇌가 돌아가기 시작하는 느낌이 든다. 내일도! '

6/4 토



기억할 것


  1. ?? 인수로 넘겨주는 함수를 가지고 콜백함수라고 한다.? 콜백함수에 대해 더 디테일하게 알아 볼 것
    ( https://online.spartacodingclub.kr/enrolleds/629940f4773a81bd826ae0f7/edetails/629940f5773a81bd826ae105?course_id=6049dbbbe987c14493221078 ) &&

오늘 할 일


  1. 팀과제 위에꺼 TDZ %%%%%%%% 해결

  2. let, var에서 선언, 초기화,할당 정확한 의미 파악 ! 이건 진짜 아직도 이해 못함 정확한 초기화의 의미 %%%%%%%% 해결!!!!!!!

  3. 리액트 심화 강의 자바 3 또 보기 함수 값 저장의 의미와 화살표 함수. 그리고 함수가 어떻게 쓰이는지 이해가 더 됐다!!

  4. ?? 함수 안에 리턴이 있고 없고 < 단줄에 해당할 경우 return을 안 씀 걍 안에 값이 return 그 자체란 뜻 > %%%%%%%%해겨루~

  5. 로그인 기능 구현 !!! %%%%%%%% 해결

  6. !! 여기 이어서 보기
    ( https://online.spartacodingclub.kr/enrolleds/629940f4773a81bd826ae0f7/edetails/629940f5773a81bd826ae107?course_id=6049dbbbe987c14493221078 )

  7. 로그아웃 기능 구현 !!! && 내일

  8. 광민님이 알려주신 사이트 ( 제로초 자바스크립트랑 제로초 프로미스 영상 보기!! ) && 내일

  1. !! 오늘 팀과제 내 부분 아래 참조하여 정리할 것 ################ 해결
    ( https://ui.toast.com/weekly-pick/ko_20191014 )
    ( https://www.youtube.com/watch?v=fETYLCU2YYc )

해야할 것 ( 공부, 질문 )


  1. ?? useEffect(() => {
    dispatch(loadDetailFB());
    }, [dispatch]); 여기 [dispatch] 이 부분에 수정될 때 값이 계속 바뀌는 걸 위해서 저렇게 넣어둔 건데 [ ] 안에 어떤 값이 들어가야하는지 정확히 이해 못헀음

< 위 내용은 내 vocabulary Home.js >( 위 내용 이윤님한테 묻기 거기에 해당하는 디스패치가 어떤 걸 말하는 거? 그래서 그것 때문에 어떻게 수정이 자동으로 이뤄짐? ) %%%%%%%%%%% 매니저님 강의 부분에서 해결

  1. ?? 요즘은 반응형 웹페이지가 주라고 함. 어떻게 저렇게 만들지?? &&

  2. ?? async await은 프로미스로 된 값을 벗겨서 바로 사용하기 위한 것 ! 더 디테일하게 알아보자 &&

  3. ?? useRef .focus( ) 기능에 대하여 찾기 &&

  4. ?? useEffect sideEffect 개념 이해하기 &&

  5. ?? 쿼리란 -> usesearchparams 연결해서 공부 < json 서버 연결했을 때만 쿼리 불러와서 쓰는 듯?? 흠 .. > &&

  6. ?? var랑 let, const는 호이스팅 방식이 어찌 달리 되는지 ?? &&

  7. ?? style component 사용하는데 함수 넣고 하시는 분도 있다. &&

  8. ??!! 예상기 매니저님은 style component를 저렇게 쓰시는구나....!!!!!!!!!!!!!! 와... 어쩐지 각 태그에 class를 못 넣어서 하나 하나 저렇게 &&

    만들어서 해야하나? 불편하다고 생각했는데...!

    인프런에 그 강의 있음 제로초 자바스크립트 좋다 !

  9. !! 콜백도 광민님 제로초 강의 듣고 이해했다고함 !! 굳굳이라함 &&

  10. 플러그인 오토 임포트 사용해라 ( 뭐지? 확장프로그램인가? )


오늘 배운 것


  1. TDZ

  2. !! .data( ) 는 data(key, value) 안에 이런 매겨변수를 갖고 있는다 !! 그래서 ~~~> 그렇게 값이 나왔던 것 !! &&

  3. var, let, const의 선언, 초기화, 할당에 대한 이해를 이제야 정말 제대로 했다!!! %%%%%%%%%%


매니저님 말씀 !


  1. 심화강의 1강부터 다 볼 필요 없다.

    폴링 네트워크 요청 , 테스트 코드는 필요없다. 일하면서 한 번도 사용 해본 적이 없다. &&

  2. 딥다이브 도마뱀 책은 사전 !! &&

  3. 브라우저 톱 궁금해서 보고 아니며 끝 1-6,7 할 필요 없다.

    1-8 가볍게 보기

즉 강의는 위에서 아래로 쭉 볼 필요없고 인덱스 보고 필요한 것만 보면 된다. ( 예상기 매니저님이 슬랙에 찝어주신 중요한 것들 보기! )

강의 보기 보다는 과제 바로 시작하고 과제하다가 부족한 부분있으면 강의 찾아서 보고 또 과제하고 또 돌아오고 이런 식이 좋다.

  1. !!!! 리액트에서 자바스크립트 사용시 { } 써야함 매니저님 영상 6분 부분에 그에 대한 게 나옴... 아!!! 싶음

const app = ( ) = > { } 내꺼 App 부분하고 차이 보고 이해하기 &&

  1. ?? useRef는 리덕스가 있을 때만 사용이 가능한 건가요? 왜 onchange를 썼는지?

  2. ?? fillter ( ) 문법 또 보기 &&

  3. ?? reducer 에서 액션 타입 정할 때 타입 abc/ABCD 앞의 소문자 부분은 뭘 말하는가? &&

  4. ?? switch 의미 자바스크립트/ 리액트 &&

  5. !! 미들웨어는 디스패치해서 그게 리덕스로 가기 전에 딴짓을 하기위해 존재하는 것.
    ( 무조건 비동기를 위해서가 아님. 리듀서로 값을 보내기 전에 딴짓을 위해서 있는 거임)
    < 거의 비동기 처리를 위해 써서 사람들이 근본적인 게 비동기 처리 때문이라 생각하는데 아님 걍 그 사이에 딴짓하기 위해 있는 것.
    거기서 비동기 처리 말고 다른 행동도 가능함 > &&

  6. !!?? 내가 공부해야할 것 의존성 배열 매니저님이 슬랙에 올리셨다고함. ( 필요 공부 키워드들 ) &&

  7. 리덕스 데브툴 !! 무조건 써야함 현업에서 스테이트 엄청 많아지니 틀린 부분을 찾기가 쉽지 않음

  8. !!!!!! 요즘 리액트 흐름은 카드라는 페이지가 있으면 그 컴포넌트에 html에 대한 내용, 디자인만 담고 데이터는 리덕스 청크, 이 부분에 넣어서 바뀌는 데이터만 가져온다.!!!!
    이 흐름으로 할 것 너무 중요!

  9. !!! 스타일 컴포넌트가 불편하고 tailwind가 편하다하면 tailwind(css) 라이브러리 사용하면 된다 !!

  10. !! 회사 취직했을 때 상태관리툴인 redux를 안 쓰고 MobX를 쓸 수도 있다. 즉 뭘 쓸지 모르니 빠르게 적응하는 능력이 아주 필요!!!

profile
cording, arsenal, book, color

0개의 댓글