TIL 24

Ted·2022년 6월 17일
0

TIL

목록 보기
24/51
post-thumbnail

👊 2일이나 습관이 멈췄었다....




집중도 1~5 (4.3)

'오늘 집중도는 상당히 좋았다. / 2일 전이랑 어제 지켜야 할 습관을 하나도 하지 못했다. 1분 1초가 아깝고 부족했다. 계속 새로운 걸 배우면서 과제를 마감시간까지 처리하느라 너무 바빴다... 아쉽다... 모두 다시 1일차부터... '




6/17 금


기억할 것


  1. 윤님꺼 118 번의 (payload) 는 여기에서 이전의 값을 받는명목상 필요한 이름 그래서 아래 122 번에 payload.postid 를 쓰는 것

    위 두 관계성을 파악하고 다시 되짚어 볼 것
    ( https://github.com/kordobby/mini_my_pet/blob/master/src/redux/modules/postReducer.jsx )




오늘 할 일


< 개인 >

  1. 스냅카메라 뒤에 배경 바꾸기 .



<팀 프로젝트 > 토요일까지 내꺼에 대한 기능을 완성하기 ( css까지 하면 너무 좋겠지? ) >

  1. 깃헙 푸쉬할 때 주석 처리한 상태에서 할 것 !

  2. 자기 미니홈피 프로필 , 이름, 그 안에 내용 뭘 넣을지

  3. 수정은 모달이 열리면서 거기서 수정함 ( 따로 페이지를 만드는 게 아님 )

  4. 그러면 맨 처음에 아무것도 작성을 하지 않은 상태에서는 어떻게 할까?
    ( 기본 값을 처음부터 [" "] 이런 형식으로라도 받아야겠지?? )

  5. 지난 주에 했던 것에서 어떤 것 때문에 리로드를 했을 때만 값을 확인할 수가 있었는지에 대해 알아볼 것 .
    ( 지난 주꺼에서 딜리트하면 메인에서 바로 삭제가 안 되고 리로드를 하면 없어졌었음. )
    ( 추가로 상세페이지에서 댓글 또한 댓글을 추가했을 때 바로 안 되고 리로드를 했을 때만 보였음. 아마 그것 또한 딜리트와 같은 코드를 썼기 때문인 걸로 파악 )

  6. 5가지 페이지에 모달 하나.

  1. !! 아이디에 대한 유저네임은 필요없을 수도 있을 것 같다.

  2. !! 프론트에서 인풋에 대한 자릿수 값 제한을 두는 걸 꼭 해줘야함 .

  3. 디테일 페이지에서 업데이트 버튼을 누른다.

-> 그럼 업데이트 페이지가 나오면서 거기서 업데이트를 한다.

-> 업데이트 페이지 들어가면 내가 기존에 넣어놨던 자료들이 같은 입력창, 파일 선택창에 나온다.

-> 근데 업데이트를 누르면 보이는 입력창에서 기존 자료는 사라짐 ( 기존 것들을 플레이스홀더로 보여준 거 같음 )

->




고민, 궁금한 것


< 6/17 1시 10분 부근 영상 >

  1. 사이즈 맞추기가 뭘까? ( 아이폰 12 기준, 웹페이지 기준 등 기준을 마련하고 짜야한다. )

  2. 오른쪽 calc 가 뭔지 그리고 거기에 적힌 vh는??? 저게 어떤 방식으로 쓰이는 거고 필요로 한 건지?

  3. 어떤 거에서 %로 넣어야 하는 건가?

  4. 저기 위에 스타일컴포넌트에서 $flex는 뭘까?

  5. 피그마로 전체적으로 어떻게 할지에 대한 S.A 만드는 법에 대해서도
    ( 이건 거의 프론트가 한다. 피그마 사용법에 익숙해져야함 )
    ( 아!!! 준호님은 이거 자체를 리액트에서 파일 만들어서 그걸 반영한 화면을 스샷해서 바로 올리신다. )
    ( 윤님 방법은 여기저기서 사진 따와서 피그마를 통해 만듬. )

  6. 플레이스 홀더 사이즈도 바꿀 수 있음.


< 개인 >

  1. const delPostHandler = ( ) => {
    dispatch(delPostDB({token, postId}));
    navigate('/');
    }

    여기에서 이걸 봤을 때 난 함수에 대한 기본 이해가 안 된 것 같다.

    이걸 봤을 때 보자마자 이게 돌아가는 그림이 머리에 바로 논리적으로 그려져야 하는데 처음 ( )에서

    머리로 그림이 그려지다가 멈춘다.

    => 즉 자바스크립트 함수에 대한 공부가 필요.

  2. onChange = {(event) => { setId(event.target.value); }}

    이거에 대한 그림도 바로 그려지지 않음

    오.. 확실히 함수 그리고 [ 매개변수? 매개인수? ] 부분에 구멍이 있네.

  3. <React.Fragment>가 언제 필요한 지와 정확한 의미

  4. 리액트에서 map( ) 돌릴 때 안에 key 값 넣어주는 정확한 이유에 대해서 알기 !

    ( 지난 주차 과제에서 없어도 돌아가긴 했었는데 콘솔에 오류가 떴었음. 그럼 언제 정확히 필요해서 없으면 아예 돌아가지 않는가? )

  5. !!!!!!?????? 싸이월드 피그마로 어떻게 따왔는지 피그마로 따오기만 하면 그게 css 값으로 모두 나오는 것인가??

  6. 분명히 css 현명하게 하는 법이 있을 텐데 아... 비효율적으로 하고 있는 느낌이 강하다.




팀프로젝트 프론트 컨벤션


  1. 깃헙 푸쉬할 때 주석처리




...에게 묻기


  1. [윤님] html에 해당하는 건 어떻게 console.log를 찍어서 확인 할 수 있을까? ( 없는 것 같은데..?)
  1. 와... 윤님, 그리고 친척형한테 개인적으로 궁금했던 것에 대한 대답을 듣고 와.. 진짜 대단한 사람은 많구나라는 걸 또 느낀다...

    대박...

  2. [해결.광민님] 내가 생각한 아이디어에 대해 그 아이디어가 어디로부터 출발했고 끝은 어디고 끝에 이어 추가 될 내용, 고민에 대해 말씀드리기.

  3. [해결.광민님] 알고리즘 스터디 신청에 대해 말씀드리기. ( 둘이 같이 하자고. 따로 신청하지 말고. 아 근데 레벨 차이가 나서 되려나.. 아마 둘이하면 속도가 더 빨리 날 것. )

    알고리즘 테스트가 매주 일요일마다 있는데 그걸 스터디 인원으로 우리를 추가 안 해도 자료를 받아 볼 수 있는지 물어 볼 것.

    스터디 인원으로 다수의 사람 속에 들어가면 시간 낭비가 분명히 생김. 방법에 대한 낭비 또한.

  4. [해결.윤님] 지난 주차 main 페이지에서 map을 돌릴 때 안에 key의 정확한 역할이 뭔지? + 의미

profile
cording, arsenal, book, color

0개의 댓글