profile
안녕하세요!

코드 모음

나중에 좋아보이는 코드를 컨트롤 + F 로 찾아내기위해 작성합니다. filter

2020년 6월 3일
·
0개의 댓글
post-thumbnail

200523-0524_TIL

localStorage를 활용하여 onToggle 기능 구현완료할 일 추가 기능과 똑가튼 밀림 현상 발생깃허브에 이슈 등록해놨던거에 답글이 달렸는데, 클래스형과 함수형의 차이점을 인식하지 못해서 발생한 이슈였다.onToggle 이슈 해결깔끔하지 않은 방법으로 해결했다.

2020년 5월 24일
·
0개의 댓글
post-thumbnail

200520-0522_TIL

리액트로 투두리스트 만드는 미니프로젝트 시작koa기초를 공부하던중 이 프로젝트를 안하고 그냥 넘어갈시 계속 미련이 남을거라는 생각에 투두리스트 프로젝트를 시작하게됬다.posts.map를 찾을수없다는 에러 발생.휴식

2020년 5월 22일
·
0개의 댓글
post-thumbnail

20200519_TIL

context-tutorial Open-Color 미니프로젝트 완료약 9시간정도 걸렸다. 리액트의 contextAPI를 학습할겸 만든 클론 미니 플젝이였는데, 사실 contextAPI를 활용한것보다 styled-components를 더 많이 활용해본것 같다ㅋㅋcss를

2020년 5월 19일
·
0개의 댓글
post-thumbnail

200518_TIL

리액트를 다루는 기술책의 예제를 하나씩 다시 해보기로했다.오늘은 Context API를 활용한 open color프로젝트를했다. ContextAPI사용은 별로 안하고 css와 코드 구조들만 만진것같지만 이 또한 코드를 만지는것이기에 성장의 밑거름이라 생각하고 조급함을

2020년 5월 18일
·
0개의 댓글

Render Props 예제

Render Props 패턴이 헷갈린다면 다음 예제를 살펴보시길 추천합니다!만약 위와 같은 컴포넌트가 있다면 추후 사용할 때 다음과 같이 사용할수 있습니다.RenderPropsSamle에게 children props로 파라미터에 2를 곱해서 반환하는 함수를 전달하면 해

2020년 5월 18일
·
0개의 댓글
post-thumbnail

200517_TIL

초심으로 돌아가고자 리액트로 투두리스트를 만들어보았다. css부분에서 시간을 너무 잡아먹었고 막상 간단하게만 구현하려고했던게 하다보니 욕심이나서 살을 붙이다보니 감당할수없는 정도에 일렀다..결과는 포기하고 삭제..더 초심으로 돌아가야하는걸까?

2020년 5월 18일
·
0개의 댓글
post-thumbnail

200514-0516_TIL

보일러플레이트 설명 강의 학습완료보일러플레이트 토대로 리액트를 다루는 기술 책에 나온 코드를 혼합시키려고 만든 HahaHoho프로젝트 시작이틀째 되던 날 멘붕프로젝트 삭제3일동안 깨달은게있다면 이도저도 아닌것보다 하나에 집중하는게 낫다라는걸 깨달았다.하나에 집중해보자.

2020년 5월 16일
·
0개의 댓글

HOC란?

higherOrderComponent의 약자로 함수이다.주로 인증 체크에 쓰인다.다른 컴포넌트를 받은 다음에 새로운 컴포넌트를 리턴하는 함수이다.아무나 진입 가능한 페이지,로그인한 회원만 진입 가능한 페이지,로그인 한 회원은 진입하지 못하는 페이지,관리자만 진입 가능한

2020년 5월 14일
·
0개의 댓글
post-thumbnail

200513_TIL

따라하며 배우는 노드, 리액트 시리즈 - 기본 강의 를 보며 자료를 정리했다.제로초님의 강의에서 본 리덕스,리듀스,액션 함수코드와, 책에서 본 코드 그리고 지금 듣고있는 강의 셋다 다르다보니 머리가 뒤죽박죽이다.세개의 코드를 비교하면 할 수록 머리만 더 아파올 뿐이다.

2020년 5월 13일
·
0개의 댓글
post-thumbnail

proxy설정

client와 server의 PORT 번호가 서로 다르면 에러가 발생한다. 이럴때 필요한건 proxy 설정.npm i http-proxy-middlewareclient>src>setUpProxy.js

2020년 5월 13일
·
0개의 댓글
post-thumbnail

200508-0512_TIL

휴식이라고 쓰고 놀았다고 읽는다.리액트를 다루는기술이란 책을 참고하며 여행 사진업로드 사이트를 만들던 와중에 깨달았다.. 이것은 참고가아니라 책의 내용을 아예 카피하는거라고.. 참고란 책에 나오는 좋은 코드 구조를 카피한다던가, 기억이 잘 안나는 지식을 다시한번 살펴본

2020년 5월 12일
·
2개의 댓글

로그인 기능 with jsonwebtoken

순서1\. 요청된 이메일을 DB에 있는지 찾는다.2\. 요청된 이메일이 DB 있다면 비밀번호가 맞는지 확인3\. 비밀번호가 맞다면 토큰을 생성하기npm install jsonwebtoken --save npm i cookie-parser --saveindex.jsmo

2020년 5월 12일
·
0개의 댓글

Bcrypt로 비밀번호 암호화하기

단방향 해시 함수로 데이터를 암호화하기위해 쓰인다.npm install bcrypt --save자료 https://www.npmjs.com/package/bcryptmoels>User 체크해놓은곳을 주시하시면 됩니다.index.js미들웨어 방식으로 쓰이는데,

2020년 5월 12일
·
0개의 댓글
post-thumbnail

200507_TIL

헤더 컴포넌트 UI 수정 및 퍼블리싱로그인, 회원가입 UI 수정글쓰기 페이지 UI구현 ( Quill 라이브러리 활용)퍼블리싱에 푹 빠진 하루였다.내일은 ref에 대해서 공부를 다시하고, 글쓰기 기능 구현에 힘써야겠다.

2020년 5월 7일
·
0개의 댓글
post-thumbnail

200506_TIL

헤더 컴포넌트 생성,로그인 상태 보여주기 기능구현, 로그인 상태유지 (세션유지),로그아웃기능 구현/api/auth/check 라는 경로 에러(?)가 나왔다.리덕스로 집어넣은 check() 함수가 말썽인거같아서 코드를 몇번을 살펴보았고 참고한 책과 앞서 책을통해 만든 예

2020년 5월 6일
·
0개의 댓글
post-thumbnail

200504-0505

휴식로그인,회원가입 구현 마무리로그인,회원가입 에러메시지 구현오늘은 에러메시지 구현에서 의아한게있어서 벨로퍼트님께 질문을 남겼다.

2020년 5월 5일
·
0개의 댓글
post-thumbnail

질문.

책에서 로그인할때 에러메시지가 아래 코드밖에없습니다.저는 로그인할때 사용자 비밀번호가 일치하지않을때도 에러메시지를 "비밀번호가 일치하지 않습니다."라고 구현하고싶습니다.위의 코드를 참고해서 LoginForm.js에도 비슷하게해주었습니다.결과는 아래 사진과 같이 에러가

2020년 5월 5일
·
0개의 댓글
post-thumbnail

200502-0503

로그인,회원가입 페이지 UI를 만들었다.디자인에 욕심이있어서 margin,padding 등 사소한거에서 시간을 너무 잡아먹었다.useDispacth와 useSelector를 사용하여 리덕스 연동 및 회원가입과 로그인 폼의 상태를 관리했다.토,일요일에 시골에 갔다와서 작

2020년 5월 3일
·
0개의 댓글
post-thumbnail

200430-0501

리액트로 쇼핑몰 만들기 강의를 들었다.회워가입,로그인과 글을 작성페이지, 글 작성후 목록화면,페이지네이션 기타등등 구현을 해봤다.확실히 보일러플레이트를 사용해서그런지 되게 간단하게 구현을 한 기분이였다.분위기있는 여행사진을 기록해놓자는 취지로 TravelAnywhere

2020년 5월 1일
·
0개의 댓글