반응형 dev30 server/client 동시 실행(Concurrently) 우리가 개발을 하면서 client와 server를 나누고 개발을 진행하는 경우가 거의 대부분이다. 이때 우리는 각각의 Script를 실행하기 위해 2개의 터미널을 각각 열고 npm run start를 입력하고 있을지 모른다. 이러한 경우에 활용할 수 있는 것이 이번 시간에 소개할 내용이다. Concurrently concurrently Run commands concurrently. Latest version: 7.0.0, last published: 3 months ago. Start using concurrently in your project by running `npm i concurrently`. There are 1157 other projects in the npm registry using.. 2022. 3. 27. npm npx yarn npm Node Packaged Manager의 약자로 Node.js의 의존성과 패키지 관리를 위한 패키지 관리자를 의미한다. 우리가 필요한 package를 npm 명령을 통해 npm에서 관리되고 제공되어지는 다양한 페키지를 다운받아 활용할 수 있도록 한다. 이는 package.json를 파일을 통해 package의 의존성과 패키지관리, 버전 관리를 제공한다. npx execute npm package binaries의 약자로 Node 패키지를 실행하기 위한 실행 도구를 의미한다. npx는 자바스크립트 패키지 관리 모듈인 npm(Node Package Module)의 npm@5.2.0 버전부터 새로 추가된 도구입니다. 따라서 npm@5.2.0 이상 버전만 깔려 있다면 커맨드를 이용해 사용 가능합니다. .. 2022. 3. 26. 리엑트 ( React ) 핵심 요약 정리 React 우리가 웹 개발에 대한 공부를 하면서 많이 들어보는 라이브러리 있는데, React, Angular, Vue가 있다. 그중에서도 웹뿐만 아니라 앱 개발에서도 많이 활용하고 있는 React라는 라이브러리에 대해 정리하고자 한다. React React는 페이스북에서 2003년에 만든 UI 구축을 위한 라이브러리이다. 이를 이해하기 위해서는 대표적인 3가지의 특징을 알아야 한다. 1. Component 기반 React는 컴포넌트 기반으로된 라이브러리라는 점이다. 이는 웹 페이지를 작성할 때 하나의 HTML 코드로 구성하는 것이 아닌, 여러 부분을 분할해서 코드의 재사용성과 유지보수성을 증가할 수 있도록 부분의 코드로 나누는 것을 의미한다. 최근에는 React Hooks를 사용해 Functional C.. 2022. 3. 24. Auth / register (2) - bcrypt 사용자 비밀번호 관리 사용자의 비밀번호를 우리는 그대로 저장을 한다면 이를 고스란히 관리자가 볼 수 있으며, 만약 해킹이 된다면 모든 user 비밀번호를 그대로 악용할 수 있을 것이다. 우리는 이러한 상황에 대비해 Bcrpyt 활용해서 비밀번호를 hash하고 해시값을 비밀번호로 저장할 것이다. Bcrypt Bcrypt는 레인보우 테이블 공격 방지를 위해 솔트(Salt)를 통합한 적응형 함수 중 하나라고 한다. SHA 종류의 암호화는 GPU 연산에 유리한 32비트 논리 및 연산만 사용하기 때문에 GPU 연산을 이용한 공격(레인보우 테이블)에 취약하다고 한다. 그래서 Bcrypt 설계자는 Blowfish를 이용해 구현했다고 했다고 한다. 솔트라는 무작위 값을 통해 반복적인 연산에 대한 연산속도를 늦출 수 있.. 2022. 3. 23. 이전 1 2 3 4 5 6 7 8 다음 반응형
