728x90 front-end4 #15. Redux 기초 What is Redux ? Redux is a predictable state container for JavaScript apps. 리덕스랑 상태관리 라이브러리입니다. 그렇다면 state 는 무엇일까요 ? Props VS State Props 1. shorthand for properties 2. Props are how components talk to each other. 컴포넌트 간 무언가를 주고 받을 때 Props를 사용해야 합니다. 3. props flow downwards from the parent component 4. Props are immutable from the child perspective if you want to change that value ? the parent s.. 2021. 2. 13. #7. Bcrypt 로 비밀번호 암호화 하기 Bcrypt (비크립트) ? 회원가입 시 비밀번호 문자열을 그대로 DB에 저장하는 것은 굉장히 위험하고 안전하지 않다. 그렇기떄문에 Bcrypt ( 비크립트 ) 를 이용하여 password를 암호화 하여 데이터 베이스에 저장해줘야 한다. * bcrypt는 단방향 암호화이기 때문에 복호화가 불가능하다. ( 복호화란? 암호화된 문자열을 다시 원래 문자열로 해독하는 것을 의미 ) 설치 ⚙️ > npm install bcrypt --save Bcrypt 로 비밀번호 암호화하는 순서 🧏🏻♀️ 1. Register Route로 가기 2. 유저 정보들 ( Account, Password 등등 ) 을 데이터 베이스에 저장하기 전에가 암호화 할 타이밍이다. www.npmjs.com/package/bcrypt bcryp.. 2020. 12. 12. #1. Node.js 와 Express.js Node.js 확장성 있는 네트워크 애플리케이션 ( 특히 서버 사이드 ) 개발에 사용되는 소프트웨어 플랫폼이다. 자바스크립트 런타임이며 즉, Javascript program을 실행할 수 있게 도와준다. Express.js Node.js 의 핵심 모듈인 http와 Connect 컴포넌트를 기반으로 하는 웹 프레임 워크이다. 그러한 컴포넌트를 미들웨어 ( middleware ) 라고 하며, 설정보다는 관례 ( convention over configuration ) 와 같은 프레임워크의 철학을 지탱하는 주춧돌에 해당한다. 즉 개발자들은 특정 프로젝트에 필요한 라이브러리를 어떤 것이든 자유롭게 선택할 수 있으며, 이는 개발자들에게 유연함과 수준 높은 맞춤식 구성을 보장한다. 즉 웹이나 어플리케이션을 쉽게 만.. 2020. 11. 16. [ React ] SSR ( 서버사이드렌더링 ) & CSR ( 클라이언트사이드렌더링 ) SSR과 CSR에 대한 개념과 React에서 어떻게 SSR 환경을 구축하고 사용할 수 있을지 궁금해서 오랜만에 포스팅 해보려고 한다. SSR 이란 ? SSR은 Server Side Rendering 약자로 처음 클라이언트가 접속했을때 브라우저에서 자바스크립트 코드를 다운 받아 해석 할 때 까지 기다리지 않고 서버에 보여질 HTML을 미리 준비해 클라이언트한테 응답해주는 방식이다. 사용자가 웹 페이지에 접속했을 때 서버에서는 사용자에게 렌더링될 HTML 파일을 응답하여 사용자에게 웹 페이지가 바로 렌더링 될 수 있도록 해준다. 그 후 브라우저는 자바스크립트 파일을 다운받아 해석하고 실행하는 절차를 가진다. --> 사용자는 브라우저가 자바스크립트 파일을 해석하고 보여질때까지 기다리지 않고 바로 렌더링 하기 .. 2020. 5. 13. 이전 1 다음 반응형
