본문 바로가기

Alice53

[ 엘리스 SW 엔지니어 트랙 ] 47일차 📍 47일 차 12.29. 수. 온라인 강의 오늘은 SPA, React, Component, ES6, module, JSX 등에 대해서 배웠다. 바닐라 자바스크립트와 CRA를 통해 프로젝트를 생성할 때 다른 점이 있는데 CRA는 웹팩과 바벨을 자동으로 설정해준다는 것이다. 강의에서 배우는 내용과 별개로 웹팩과 바벨을 설정하는 방법을 공부하고 있는데 세팅이 끝나면 따로 포스팅으로 올려야겠다. 첫 접속시 HTML을 내려받는것은 전통적인 페이지와 동일하나, data 변경시 전체를 새로고침 하지 않고 변경된 data만 업데이트하는 것은 SPA 특징 중 하나이다. React를 사용하면 SPA를 편하게 사용할 수 있다. React: 사용자 인터페이스를 만들기 위한 Javascript 라이브러리 component: .. 2021. 12. 29.
[ 엘리스 SW 엔지니어 트랙 ] 46일차 (10주차: React I - JSX, props, state, event) 📍 46일 차 12.28. 화. 실시간 강의 React 저번 주까지는 프로젝트를 진행했고 오늘부터 다시 수업에 들어간다. 챕터를 넘어가 이제는 바닐라 자바스크립트 대신 React를 배운다. 일일이 document.createElement 코드를 작성하며 DOM 관리를 했는데 이제는 신경을 덜 써도 되는 React를 배운다니 뭔가 홀가분(?)하면서도 document코드가 그리워지는 느낌이 든다. 어제 프로젝트를 진행하면서 앞으로 배우고 싶은 내용은 ESlint, prettier, webpack과 babel을 정확하게 공부해야겠다는 생각이 들었다. 4주 뒤에 있을 두 번째 팀 프로젝트 때 나의 목표는 CRA을 사용하지 않고 직접 ESlint, prettier, webpack, babel 설정을 나의 코드로 .. 2021. 12. 28.
[ 엘리스 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.

티스토리툴바