[TIL]

Sarahsea 사라씨·2021년 9월 6일
0

TIL

목록 보기
64/128
post-thumbnail

오늘은

오늘 todo check

  • 프로그래머스 하나이상 o 3개
  • session 스프린트 복습 o + 개념 정리
  • 리액트 공식문서 골조파악 o 주요개념 5,6,12 | hooks낼
  • 리액트 강의- 코딩애플 part2 css전까지
  • 모임준비 x - 프로젝트 아이디어 구상, 아이데이션 방법, 모임 시간잡기

정규

오피스아워 호용님

HTTPS

  1. 왜 쓰는가?
    => 기밀성 Privacy / 무결성 Intergrity을 유지하려고
    읽을 수 없음(암호화) / 조작되지 않음
    HTTP의 약점, 중간자 공격에 취약, 보안에 약함 (http 메세지를 통해 사용자 중요정보를 해킹 가능)

  2. 대칭키 암호화 vs 비대칭키 암호화 차이점
    암호화/복호화 키가 같음 | 다름
    비대칭키가 키를 공유하기가 쉬우니 (대칭키를 공개하면? 보안의 의미가,,?)
    HTTPS의 경우,
    공개키 - 암호화 / 개인키 - 복호화 용으로 씀

  1. 인증서는 무엇을 보장하나?

    • 브라우저에서 접속한 서버가 "의도한" 서버임을 보장 (신분보장)
      인증서: 공개키가 포함됨/ CA에 의해 발급됨(브라우저는 CA정보,암호키 가지고 있음)

    • 브라우저와 서버가 통신할때,
      암호화할 수 있도록 서버의 공개키 제공

      참고 사이트: https://howhttps.works/ko/

  2. hash 특징

    • 같은 인풋 -> 항상 같은 아웃풋 보장
    • 복호화 사실상 불가능 (수학적으론 가능, 시간 엄청 걸림)
    • sha256 online, crackstation, rainbowtable
  3. 쿠키 🍪
    HTTP의 stateless 한 특성을 보완 / 상태유지
    * 개발자 도구/App/쿠키 살펴보기

스프린트-Auth-session

  • http 메세지 헤더 > 쿠키 > 세션아이디
  • 클라이언트와 서버 사이의 인증과정, 세션아이디를 통한 상태유지의 flow를 이해하기
  • 에러 기록

/Client-session
1 Controller/users/Mypage.js 에서
캐치를 쓰면 콘솔로그 에러로 프롭스의 로그아웃핸들러를 인식을 못하던데

axios.post('로그인url',{userId:,password})
.then(res=> { ...
})
.catch(err => console.log(err)

TypeError: props.logoutHandler is not a function

then 안에서 조건문 밖의 처리를 잘못했나?

2 클라이언트 실행시켜서 확인해보면 localhost임에도 inValid 메세지_mkcert로 만들어준 인증서가 신뢰 못할 놈은 맞지만, 내컴인데?! sameSite도 상관없을 거고 뭐지?

참고자료
express-session 다뤄보기 : https://dev-dain.tistory.com/68
req.session.num = 1 이런식으로 세션에 값을 직접 넣는다는 것,

Docs https://github.com/expressjs/session#reqsession

req.sessionID 는 connect.sid의 alias
req.seesion.save()
req.session.destroy() //등 저장, 지울 때 메소드 사용

개인

리액트 공식문서 주요개념 파트
읽고 노션정리 + 기능단위, 파일에 코드 모음

처음 렌더링 될때마다, 마운팅
componentDidMount() / componentWillUnmount()
마운트/ 언마운트 될때마다 이런 "생명주기 메소드"들을 이용해서
특정한 함수를 실행시킨다던지 할 수 있는데,

요런것도 약간 라떼의 방법들인듯?
오늘 읽은 파트는 전부 class 형 기준에 다소 낡은? 부분이 되버리지 않았나, 해당 내용을 함수형으로 바꿔봐야겠음
+ binding

코딩애플

  • npm / yarn
  • react-bootstrap
  • let history = useHistory() //history.goback() //.push('특정경로')
  • useParams() /:id 파라미터 활용 + Switch
  • public / src 중 image(필요 데이터)를 보관한다면 차이

수연님 꿀팁
Reactjs code snippet
preference/user snippet / 형식 복붙 - 단축키!
함수형 컴포넌트 기본폼

내일은

  • hooks 등 이어서 리액트 공식문서 마무리
  • 배운 내용 -> 언더더씨에 적용
  • CSS 스르륵 페이지 나타남 / 로딩 스켈레톤 이미지 구현
  • 토큰! 쿠키/세션/토큰 차이, 과정 복기

+ ngrox 써보기
+ Sass 사용법 알기
+ 아이디어 브레인스토밍 / 확대, 축소

profile
생각하는 사람

0개의 댓글