본문 바로가기

Frontend/엘리스 SW 엔지니어 트랙87

[ 엘리스 SW 엔지니어 트랙 ] 36일차(8주차: 1차 팀 프로젝트) 📍 36일 차 12.14. 화. 실시간 강의 오늘부터 25일 크리스마스까지는 1차 팀 프로젝트 기간이다. 팀원은 총 6명이고 역할은 FE 4명, BE 2명이다. 이때까지 혼자서 프로젝트를 진행했다면 이번엔 팀으로 진행하는 거라 팀에 누가 되지 않도록 열심히 해야겠다는 생각이 가득 찼다. 약간의 걸림돌(?) 있다면 지금까지는 React, React + Typescript로 진행했다면 이번엔 바닐라 자바스크립트 + node.js로 진행하는 것이다. react를 사용하면서 DOM 관리를 편하게 사용했었는데,, 이번엔 DOM을 하나씩 관리하는 일이 얼마나 까다로운지 몸소(?)느껴보는 시간을 가져보자.. 내가 맡은 파트는 image drag & drop + form, login 화면이다. 이번에 맡은 파트를 어떻.. 2021. 12. 14.
[ 엘리스 SW 엔지니어 트랙 ] 35일차 📍 35일 차 12.11. 토. 온라인 강의 오늘은 JWT 그리고 회원 비밀번호 찾기, SMTP를 이용하여 메일 발송기능, 비밀번호 초기화, OAuth, 웹 서버 소프트웨어인 Nginx에 대해서 배웠다. 나중에 로그인 관련 기능을 구현할 때 써먹으면 도움이 되는 내용이라서 까먹지 않고 기억해야겠다. ❏ JWT(Json Web Token) 인증을 위한 정보를 특별한 저장소를 이용하지 않고, 전자 서명을 이용하여 확인하는 방법 header(토큰의 타입(jwt), 데이터 서명방식), payload(전달되는 데이터), signature (헤더와 페이로드의 전자서명)로 구성되어 있다. JWT 는 Web Token, 데이터를 웹에서 사용하기 위한 스펙이므로 웹에서 문제없이 사용할 수 있는 문자열로만 구성된 base.. 2021. 12. 12.
[ 엘리스 SW 엔지니어 트랙 ] 34일차 📍 34일 차 12.10. 금. 온라인 강의 오늘은 회원가입, passport.js, session-store, 댓글 기능을 배웠다. ❏ 회원가입 이메일, 이름, 패스워드의 간단한 정보만 사용(이메일 형식이 올바른지 확인, 비밀번호 최소 길이 설정, 패스워드와 패스워드 확인 문자가 일치하는지 확인) 회원의 비밀번호를 DB에 그대로 저장하면, 관리자가 모든 회원의 비밀번호를 알 수 있고, DB가 해킹되면 보안 취약점이 발견하게 되므로 hash값으로 비밀번호를 저장한다.(hash는 문자열을 되돌릴 수 없는 방식), 비밀번호의 hash값을 DB에 저장하고, 로그인 시 전달된 비밀번호를 hash하여 저장된 값과 비교해 로그인을 처리한다. node.js의 기본 제공 모듈인 crypto 모듈을 사용하여 hash 값.. 2021. 12. 12.
[ 엘리스 SW 엔지니어 트랙 ] 33일차 📍 33일 차 12.9. 목. 실시간 강의 오늘은 graphQL, 인증에 대해서 배웠다. 실습시간 마지막에는 HTTP / HTTPS(SSL)의 차이, cookie-session, JWT 방식의 차이에 대해서 알려주셨는데 너무 유익했다. restAPI와 graphQL의 차이는 내겐 스승과도 같으신 튜터님 미디움을 참고하면 도움이 많이 된다. ❏ REST API vs gql API gql 은 하나의 Endpoint 만 존재 REST API 는 End point 마다 데이터베이스 SQL 쿼리가 달라짐 gql API 는 gql 스키마의 타입마다 데이터베이스 SQL 쿼리가 달라짐 ❏ GraphQL FACEBOOK에서 2015년에 발표한 새로운 api 규격 type system 을 기본적으로 갖추고 있어서 REST.. 2021. 12. 9.
[ 엘리스 SW 엔지니어 트랙 ] 32일차 📍 32일 차 12.8. 수. 온라인 강의 오늘은 CRUD를 이용하여 게시판 만들기,Template Engine, Pug, PM2을 배웠다. node.js의 기본언어는 JS인데, 한가지의 언어로 프런트와 백을 다룬다고 생각하니까 가슴이 웅장해졌다. (아직은 어색하지만..) 자주 살펴보며 눈에 익히는 것이 아무래도 좋겠지?? ❏ 게시판 만들기 웹 서비스 개발의 기본을 학습하기 좋다. 게시판을 통해 기본기를 잘 다지면 무엇이든 응용 가능 게시판 목록, 보기, 수정, 작성, 삭제 회원가입, 로그인, 비밀번호 찾기, pagination, 구글 로그인, 유저 작성글 모아보기 ❏ Template Engine 서버에서 클라이언트로 보낼 HTML 형태를 미리 템플릿으로 작성하고 동작시에 미리 작성된 템플릿에 데이터를 .. 2021. 12. 8.