프로젝트 - 개인 공부

21년 2월? 쯤 부터 시작했던 프로보노 프로젝트가 있었다나를 포함한 4명의 팀원과 함께 시작했다처음엔 호기롭게 열심히 하면 되겠지! 라는 생각을 가지고 참가하였지만지금 생각해보면 아직 급하지 않았던 탓일까열심히 하지 않고 팀원들한테 짐이 되었던 것 같다공모전에 떨어짐

보일러 플레이트란 자주 사용되는 무언가를 따로 만들어 놓은 것이라고 생각하면 편하다예를 들어 어느 사이트를 가도 회원가입, 로그인, 로그아웃은 대부분 존재한다내가 처음으로 할 것은 회원가입, 로그인, 로그아웃 기능을 보일러 플레이트로 만들어 볼 것이다

node.js는 자바스크립트를 서버쪽으로 사용할 수 있게 해주는 언어라고 생각하면 된다node.js가 나오기 전까지는 js를 브라우저 쪽에서만 사용했는데node.js가 나오면서 js를 서버쪽에서도 사용할 수 있게 되었다node.js를 쉽게 이용할 수 있게 해주는 프레임

몽고 DB를 설치하기 위해서 사이트로 이동하자이후 회원가입을 마치고 로그인까지 하도록 하자로그인을 마치면 클러스터 (CLUSTER)를 만들어야 한다이후 클라우드를 선택해야 하는데 나는 AWS를 선택하였다이후 가장 가까운 나라를 선택하면 된다그리고 밑에 2개는 건드리지

모델은 스키마를 감싸주는 역할예를들어 회원 가입을 한다고 하면 우리가 적는 정보는 이름, 전화번호, 주소 등이 있다이런 것들을 어떤 타입으로 받고, 최대 길이는 몇인지 등 DB의 골격?을 정하는 것이라고 생각하면 편하다우선 models라는 폴더를 프로젝트 폴더 내에 하

깃에 대한 설명은 자세하게 해두었으니 내 벨로그 내에 다른 포스트를 확인하면 된다깃을 설치하고 터미널을 켠 후 git init을 하자node_modules폴더의 파일들은 add할 필요가 없기 때문에.gitignore 을 만들어서 제외하도록 하자그리고 git add .

프로젝트 1 - BodyParser, PostMan

노드몬은 우리가 변경한 부분이 있으면 서버를 껏다가 다시 켰어야 한다노드몬을 사용하면 우리가 변경한 부분이 즉각적으로 반영이 된다\-dev 는 이제 우리가 개발을 할 때 로컬에서 할 때와 배포를 한 이후의 모드가 있는데우리는 로컬에서의 모드(development mod

소스 코드를 git에다가 올리면 다른 사람들이 우리의 코드를 볼 수 있다이때 우리의 비밀 정보가 같이 올라갈 수 있다현재 우리의 정보가 있는 부분은 mongoose.connect 에서id와 password 를 입력한 부분이다일단 프로젝트 폴더 내에 새로운 config라

프로젝트 1 - Bcrypt Bcrypt Bcrypt 라는 라이브러리를 이용해서 비밀번호를 암호화 할 것이다 우리가 저번에 포스트맨을 통해서 정보를 전달했는데 암호화가 되어있지 않기때문에 DB를 관리하는 사람이 비밀번호를 볼 수 있다 그렇게 되면 위험하니 암호화를 해서

프로젝트 1 - 로그인 기능 로그인 기능

프로젝트 1 - Auth

로그아웃 기능을 만들기 위해 로그아웃 라우트를 만들자기능은 아래와 같이 구현할 것이다로그아웃 하려는 유저를 데이터베이스에서 찾는다찾은 유저의 토큰을 지워준다로그인을 할 때 토큰을 만들어서 저장하고, 쿠키에도 저장하기 때문에DB에 있는 토큰을 지워주면 Auth에서 권한이

리액트는 페이스북에서 만든 라이브러리이다Components로 이루어져 있고, 컴포넌트는 모듈과 비슷하게 재사용성이 뛰어나다좋아요, 댓글 기능 등 각 기능을 따로 컴포넌트화 해서 각 프로젝트에 사용하고싶으면 그 파일만 그대로 가져가서 사용하면 된다또한 Virtual Do

링크를 클릭하여 영상에서 나온것과 같은 폴더 세팅으로 하길바란다유튜브를 보면서 공부하고 있기 때문에 이번은 내가 글로 쓰는것 보다영상을 보는게 더 나을것이라고 생각한다리액트에서는 페이지간 이동을 할 때 React Router Dom을 사용한다클라이언트 폴더로 넘어와서

여러개의 commands를 동시에 작동 시킬수 있게 해주는 툴이다지금 우리가 클라이언트를 키기 위해서 터미널 위치를 클라이언트로 바꿔서 켜주고,서버를 키기 위해서 또 나와서 켜야하는 번거로움이 있다설치 위치는 프로젝트 폴더에 다운받는다클라이언트 폴더에 다운하지 않는다사

리액트 컴포넌트에는 두가지가 있다클래스 컴포넌트와 펑셔널 컴포넌트가 있다둘의 차이점은 아래와 같다클래스 컴포넌트는 많은 양의 기능을 제공한다그렇기에 코드가 길고, 복잡하다그리고 속도가 느리다펑셔널 컴포넌트는 적은 양의 기능을 제공한다그렇기에 코드가 짧고, 간단하다그리고

이번에는 회원가입 페이지를 만들어보자앞에서 만든 로그인 페이지와 많은 부분이 동일하니 코드를 전부 복사해오자이름, 이메일, 비밀번호, 비밀번호 확인 칸이 있어야 하니 입력칸을 두개 더 만들자똑같이 state도 2개가 추가돼야한다그리고 핸들러도 2개 더 만들어야 한다나는

일단 로그인, 로그아웃, 회원가입 기능은 구현을 끝냈다이제 공공데이터 API를 사용하는 하는 것도 공부를 해야되고CSS도 공부를 할 것이다또한 React로 팀 프로젝트를 참여하였는데 이것도 공부해야돼서 할 게 많다!열심히 하자