21.01.17 - TIL

오늘 한 일

1) 따라하며 배우는 노드 리액트 시리즈 기본편

• 로그인 기능을 만드는 실습을 하였다. 그 과정에서 비밀번호 불일치 일치를 확인하는 기능을 bcrypt로 오리지날 비밀번호를 암호화 시키는 방식으로 하였다.jsonwebtoken을 이용하여 토큰도 만드는 방법도 구현하였고 인증을 하는 코드를 통해 토큰을 복호화 해 클라이언트에서 가져온 토큰이 DB에 저장된 토큰과 일치하는지 확인 하는 것을 배웠다.

2) CSS 강의 복습

• display에 대해서 공부했다.

• flex박스에 대해서 공부했다.

느낀 점

1) 따라하며 배우는 노드 리액트 시리즈 기본편

노드JS에 관한 지식이 없음에도 불구하고 강사님을 따라 구현하다보니 어떤 기능을 어떻게 구현해야하는 감이 잡히는 것도 확실히 있었다.  그래도 처음 만드는 것이라 그런지 아직 헷갈리는 개념도 많고 이해하는데 오래 걸린 부분도 많았다. 특히 인증 부분이 미들웨어도 만들어야되는 등 코드를 이해하는데 가장 오래 걸린거 같다. 그래도 재미가 있었고 또 반복해서 코드를 짜고 이해하다보면 능숙하게 구현할 수 있는 날이 오리라 희망해본다.

 

2) CSS 강의 복습

요즘에 CSS에 대한 지식을 많이 잊어버리고 부족함을 느껴서 다시 복습을 하기 시작하였고

오늘은 display와 flex 박스에 대해서 다시 복습을 하였는데 그동안 몰라도 너무 몰랐었다는 걸 알게 되었다!😂 display와 flex 박스에 대해서 다시 숙지하면서 position의 속성 값인 relative, absolute, fixed에 따라

어느 기준에서 어떻게 아이템의 위치가 변하는지 깨닫게 되었고 아이템의 위치를 변경할 때 아주 편리한flex box의 속성들인 justify-content, align-content, align-item 등을 숙지를 오늘 확실히 숙지한거 같아서

좋았다.

 

앞으로의 숙제

요즘 내가 가장 걱정되는 고민거리 중 하나는 포트폴리오에 넣을 나만의 프로젝트를 만드는 것인데

어떤 주제로 하면 좋을지 아이디어가 떠오르지를 않아서 정말 고민이다.

개발자 커뮤니티인 okky에 가보면 거기에 올라오는 개발자 취준생분들의 포트폴리오를 보면 진짜

아이디어를 잘 내어서 구현하시는데 놀라울 따름이다👍

나도 어서 나만의 프로젝트를 만드는게 정말 큰 앞으로의 숙제이다...

 

그 외 경험한 일

어제 배송됬던 책 Do it 리액트 프로그래밍 정석을 아무래도 잘못 산거 같다😥

왜냐하면 출판일은 2020년 2월이라 리액트 훅이 발표된 이후라서 그에 관한 부분이 당연히 포함되어 있고 함수형 컴포넌트 위주로 책이 쓰여졌을 줄 알았는데 그게 아니었다ㅠㅠㅠㅠㅠㅠㅠ

함수형 컴포넌트를 어떻게 쓰는지 책 앞부분에 나와 있긴 하지만 책의 내용 대부분이 클래스형 컴포넌트로 진행 되고 리액트 훅에 대한 내용이 없었다ㅠㅠ

그래서 내가 도움을 많이 받은 유튜브 채널을 운영하시는 엘리님의 드림코딩 아카데미에서 마침 리액트 강의가 있다는 것을 발견하고  그 강의와 브라우저 웹API에 관해서 배우고 자바스크립트로 프로젝트를 구현해보는 강의를 결제 하였다.