꾸준한프로그래밍

0. 공부 인증 공부 시작 23: 21 공부 종료 23 : 45 악 누가 컴퓨터 구조 같은 과목을 들으라고 했을까... 너무 빡세다, 여전히 알고 있는 것이 없다. 1. 버튼 컴포넌트 만들기 -> 리액트 생성하고, 필요없는 파일 전부 삭제하기(테스트 파일 등) -> 리액트 디벨로퍼 툴을 활용하자! - 구글 크롬 확장 프로그램 (https://chrome.google.com/webstore/detail/react-developer-tools/fmkadmapgofadopljbjfkapdkoienihi) -> 컴포넌트를 확인할 수 있음. components > PinkButton.js 파일을 생성 import React from 'react' import styled from 'styled-components..

0. 공부인증 공부 시작 23 : 00 공부 종료 23 : 54 하 오늘은 아이패드 프로를 사러 1시간 걸려 중고 거래 장소에 갔다가 판매자가 연락을 안받고 그냥 2시간을 시간을 버리고 와서 그런지... 나름 사기를 당하고 멘탈이 흔들렸....다 (공부하러 간 사무실에서도 오래있지 않고 그냥 집으로 돌아왔다..) 패캠도 까먹을 뻔하다가 자기 직전에 생각이 나서 작성하고 있다. 여튼 빨리 작성하자. 1. 리액트란 무엇인가 - 페이스북에서 제작함. -Virtual DOM 이 가장큰 특징 > 이를 통해서 HTML 파일을 통으로 변경하지 않고, 필요한 부분만 변경할 수 있음. > 이전의 HTML 모습과 바뀐 HTML 모습을 비교함. (이것이 React JS 의 가장 큰 특징) - 그동안 MVC패턴에 작동하는 것..

0. 공부 인증 공부 시작 20:30분 쯤(사진보다 한참 먼저 시작했는데 찍어두는걸 깜빡했다..ㅎ) 공부 종료 22:21 오늘은 복습 두번째 시간이다. passport 강의가 너무 어려웠어서 한번더 동영상을 보면서 놓친 부분들을 복습했다! 어제 리덕스 복습하면서도 느낀거지만 복습이 정말 정말 중요하긴 한것 같다. 어제 리덕스도 복습하면서 봤던 강의 또 보고 또 보고 했는데 뭐 이번에도 비슷했던것 같다. 그러다보니 그래도 좀 내 눈에 들어왔다. 후.. 그리고 Naver와 Google 소셜 로그인을 내 방식대로 구현해봤다. 그러고 나니 passport와 많이 친근해진것 같은 느낌이다. (제발 그런거기를..) 먼저 시작은 express-session과 passport에 관한것들을 설정해 주는것이다. expre..

0. 공부 인증 공부 시작 20 : 24 공부 종료 23 : 48 오늘은 그동안 공부했던 핵심 기능들을 복습하려고 한다! 사실 진도를 빨리빨리 나가고 싶은데, 복습을 안하면 그동안 공부한 것이 헛것이 될 것같아 오늘은 진도를 나가는 것은 힘들 것 같고, 그 동안 진도를 나갔던 부분을 다시 체크를 해야할 것 같다... 그래서 우선 크게 2가지를 복습하려고 한다. - 1. 리덕스 - 2. 소셜 로그인 기능 구현이다. 사실 오늘 다 끝낼 수 있을지 모르겠지만.... 1. 리덕스 구현하기 먼저 리덕스 구조를 다시 파악해보자. - 액션, 디스패치, 리듀서, 스토어 가 있다. 구현을 하기 위해서 크게 두가지 방법이 있다. - 시작할 때부터 템플릿을 활용하는 방법 - 리액트 앱 생성 후에 리덕스로 추가하는 방법. ..

0. 공부인증 공부시작 22 : 28 공부종료 23 : 40 저번에 복습이 필요해서 잠깐 미뤘던 소셜 로그인 기능이다. 사실 너무나 필요한 기능이고 어디에서나 필요한 소셜 로그인 기능이라서, 절대 포기할 수는 없지만,,,,, 아직도 어렵다. 그래도 전반적인 프로세스는 이해해서... 희망을 가지고 공부해ㅑㅑㅑㅑ지ㅣ... 1. 소셜 로그인 패스포트로 구현하기 지난번 시간과 달리 패스포트를 활용해서 페이스북 로그인을 구현하는 내용이다. 패스포트를 활용해서, 보다 간편하게 소셜 로그인을 구현할 수 있는 것은 맞지만, 필수는 아니다. 패스포트를 구현하기 위해서는 몇가지 지켜주어야 하는 사항들이 있다. 우선 패스포트 라우팅으로 들어오면, // 로그인이 시작되는 곳 app.get( '/passport/facebook..