teleren/devto huggingface dataset:
279. Leetcode Solution in Cpp
Tags: cpp
Published: 2022-11-22 07:32:32

```cpp
class Solution {
 public:
  int numSquares(int n) {
    vector<int> dp(n + 1, n);  // 1^2 x n

    dp[0] = 0;  // no way
    dp[1] = 1;  // 1^2

    for (int i = 2; i <= n; ++i)
      for (int j = 1; j * j <= i; ++j)
        dp[i] = min(dp[i], dp[i - j * j] + 1);

    return dp[n];
  }
};
```
#leetcode
#challenge
Here is the link for the problem:
https://leetcode.com/problems/perfect-squares/
react로 블로그3, 2022-06-09
Tags: react
Published: 2022-11-22 07:31:06



```
import logo from './logo.svg';
import './App.css';
import { useState } from 'react';

function App() {

  let post = 'GANGNAM';
  let [a,b] = useState('YES');
  let [c,d] = useState('NO');
  let [e,f] = useState('OR');

  return (
    <div className="App">
      <div className="black-nav">
        <h4>BLOG</h4>
      </div>
      <div className="list">
        <h4>{a}</h4>
        <p>2022년 06월 09일</p>
      </div>
      <div className="list">
        <h4>{c}</h4>
        <p>2022년 06월 09일</p>
      </div>
      <div className="list">
        <h4>{e}</h4>
        <p>2022년 06월 09일</p>
      </div>
    </div>
  );
}


export default App;
```

```
import logo from './logo.svg';
import './App.css';
import { useState } from 'react';

function App() {

  let post = 'GANGNAM';
  let [글제목,b] = useState(['YES','NO','OR']);

  return (
    <div className="App">
      <div className="black-nav">
        <h4>BLOG</h4>
      </div>
      <div className="list">
        <h4>{글제목[0]}</h4>
        <p>2022년 06월 09일</p>
      </div>
      <div className="list">
        <h4>{글제목[1]}</h4>
        <p>2022년 06월 09일</p>
      </div>
      <div className="list">
        <h4>{글제목[2]}</h4>
        <p>2022년 06월 09일</p>
      </div>
    </div>
  );
}

export default App;
```
 

1. 터미널 / 브라우저 콘솔창에 warning이 뜨는 이유

```
/*eslint-disable*/
```

이라는 주석을 js 파일 최상단에 추가해주면 eslint 기능을 잠시 끌 수 있습니다.

​

2. 좋아요 버튼 만들기

```
<h4> { 글제목[0] } <span>👍</span> 0 </h4>
```
 

2-1. html

```
<div onclick="실행할 자바스크립트~~~">
```
 

2-2. JSX

Click이 대문자인거

{} 중괄호 사용하는거

그냥 코드가 아니라 함수를 넣어야 잘 동작한다는거

```
<div onClick={실행할함수}>
```
 

 

클릭시 뭔가 실행하고 싶으면 onClick={함수} 이렇게 이벤트 핸들러를 달아서 사용합니다.

state를 변경하시려면 state 변경함수를 꼭 이용하십시오.

state변경함수는 ( ) 안에 입력한걸로 기존 state를 갈아치워줍니다.

 

```
/*eslint-disable*/

import logo from './logo.svg';
import './App.css';
import { useState } from 'react';

function App() {

  let post = 'GANGNAM';
  let [글제목,b] = useState(['YES','NO','OR']);
  let [따봉,따봉변경] = useState(0);

  return (
    <div className="App">
      <div className="black-nav">
        <h4>BLOG</h4>
      </div>
      <div className="list">
        <h4>{글제목[0]}<span onClick={()=>{따봉변경(따봉+1)}}>👍</span> {따봉} </h4>
        <p>2022년 06월 09일</p>
      </div>
      <div className="list">
        <h4>{글제목[1]}</h4>
        <p>2022년 06월 09일</p>
      </div>
      <div className="list">
        <h4>{글제목[2]}</h4>
        <p>2022년 06월 09일</p>
      </div>
    </div>
  );
}

export default App;
```
참조: 코딩애플 리액트 강의

_[https://codingapple.com/](https://codingapple.com/)_
react로 블로그2, 2022-06-09
Tags: react
Published: 2022-11-22 07:28:05

1. 레이아웃

```
function App(){
 
  let posts = '강남 우동 맛집';
  return (
    <div className="App">
      <div className="black-nav">
        <div>BLOG</div>
      </div>
      <div className="list">
        <h4>글제목</h4>
        <p>2022년 06월 09일</p>
      </div>
    </div>
  )
}
//App.css

div {
  box-sizing : border-box
}
.list {
  text-align : left;
  padding-left : 20px;
  border-bottom : 1px solid grey;
}
```
 

2. state

```
import { useState } from 'react';
import './App.css'

function App(){
 
  let [a,b] = useState('남자 코트 추천');
  let posts = '강남 우동 맛집';
  return (
    <div className="App">
      <div className="black-nav">
        <div>개발 blog</div>
      </div>
      <div className="list">
        <h4>글제목</h4>
        <p>2월 17일 발행</p>
        <hr/>
      </div>
    </div>
  )
}
 
```

맨 윗줄에 import {useState} from 'react' 하고

원하는 곳에서 useState('보관할 자료') 쓰면 state에 자료를 잠깐 저장할 수 있습니다.

그리고 저장한 자료를 나중에 쓰고 싶으면

let [a,b] = useState('남자 코트 추천');

a 자리에 state 이름을 자유롭게 작명한 다음 나중에 자유롭게 사용하면 됩니다.

​

3. destructuring 문법

예를 들어서 ['Kim', 20] 이렇게 생긴 array 자료를 만들어놨는데 에서 Kim이랑 20이라는 자료를 각각 변수에 저장

```
let array = ['Kim', 20];

let name = array[0];
let age = array[1];
let [name, age] = ['Kim', 20]
```
 

4. 변수 말고 state에 데이터 저장해서 쓰는 이유

이번엔 state를 하나 만들어서 {글제목} 이렇게 데이터바인딩 해놨다고 가정해봅시다.

state는 변동사항이 생기면 state쓰는 html도 자동으로 재렌더링해줍니다

 

참조 : 코딩애플 리액트 강의

_[https://codingapple.com/](https://codingapple.com/)_
react로 블로그 생성, 2022-06-09
Tags: react
Published: 2022-11-22 07:23:31

1. 레이아웃

```
//App.js

function App(){
  return (
    <div className="App">
      <div className="black-nav">
        <h4>BLOG</h4>
      </div>
    </div>
  )
}
```
 

2. html에 class 넣을 땐 className

스타일을 주기 위한 class명을 넣을 때 class=" " 가 아니라 className=" " 이렇게 쓰는 부분이 좀 다른데

왜냐면 실은 App.js에 짜고 있는건 html이 아니라 JSX라고 부르는 이상한 언어라서 그렇습니다.

원래 리액트환경에서 <div>하나 만들고 싶으면 자바스크립트로

React.createElement('div', null)

이딴 식으로 어렵게 코드짜야합니다.

 

3. 변수를 html에 꽂아넣을 때는 {중괄호} : 데이터 바인딩

```
function App(){

  let post = 'GANGNAM';
  return (
    <div className="App">
      <div className="black-nav">
        <div>BLOG</div>
        <div>{ post }</div>
      </div>
    </div>
  )
}
function App(){

  var data = 'red';
  return (
    <div className="App">
      <div className="black-nav">
        <div>개발 blog</div>
        <div className={data}>안녕하세요</div>
      </div>
    </div>
  )
}
```
온갖 곳에 {} 중괄호를 열어서 변수들을 집어넣을 수 있습니다.

href, id, className, src 등 여러가지 html 속성들에도 가능합니다.

위처럼 쓰면 <div className="red"> 이렇게 되겠군요.

 

4. html에 style속성 넣고싶으면

<div style={ {color : 'blue', fontSize : '30px'} }> 글씨 </div>
대쉬기호 대신 모든 단어를 붙여써야합니다. 붙여쓸 땐 앞글자를 대문자로 치환해야합니다. (카멜케이스)

 

참조 : _코딩애플 리액트 강의 https://codingapple.com/_
Asynchronous to Synchronous JavaScript
Tags: webdev, javascript, programming, interview
Published: 2022-11-22 07:19:27

## Popular JavaScript Interview Question
**How to Convert Asynchronous code to Synchronous code ?**
Promises can be used to convert Asynchronous code to Synchronous code.

> Example
**Asynchronous setTimeout Function**

```
console.log("Before setTimeout")

setTimeout(()=>{
    console.log("Inside setTimeout")
},1000)

console.log("After setTimeout")

```

## Output

```
Before setTimeout
After setTimeout
Inside setTimeout
```
**Convert Asynchronous setTimeout Function to Synchronous**

```
console.log("Before setTimeout")

//await will wait for JS to resolve the promise
await new Promise((resolve,reject)=>{
   setTimeout(()=>{
   //after 1000ms promise will be resolved
    resolve(console.log("Inside setTimeout")) 
   },1000) 
})

console.log("After setTimeout")
```

## Output

```
Before setTimeout
Inside setTimeout
After setTimeout
```
react install, 2022-06-09
Tags: react, setting
Published: 2022-11-22 07:17:20

1. 구글에 Nodejs 검색해서 LTS라고 써있는 버전을 설치합시다.

- 13버전이하 아니면 17버전은 쓰면 안됩니다.

- 설치 경로는 C드라이브 어쩌구 되어있는거 바꾸지말고 그대로 쓰는게 좋습니다.

- 설치 중 chocolatey 어쩌구는 설치 안하셔도 됩니다.

​

2. Visual Studio Code 에디터도 구글에 검색해서 설치합니다.

(기존 에디터 쓰셔도 되지만 터미널을 기존에 안다뤄본 분들은 필수)

리액트 프로젝트 생성

2-1. 작업용 폴더를 하나 만들어줍니다

2-2. 폴더에 shift + 우클릭해서 여기서 powershell 열기를 누릅니다.

```
npx create-react-app project_name
```
 

3. 에디터에서 프로젝트 오픈

프로젝트 설치했으면 프로젝트이름의 폴더가 하나 생성되는데 (저는 blog)

그 폴더를 에디터로 오픈해서 코드짜면 됩니다.

Visual studio code 에디터 켠 다음에 File - Open Folder 누른다음에 아까 생성된 blog 폴더 선택하면 됩니다.

​

4. App.js가 메인페이지임

src 폴더 안에 있는 App.js 이게 메인페이지니까 거기다가 코드짜면 됩니다.

​

5. 내 사이트를 브라우저로 미리보기 띄우고 싶으면

에디터 상단메뉴중에 Terminal - New Terminal 누릅니다.

그럼 터미널이 뜨는데 거기다가 npm start 입력후 엔터치면 미리보기 뜹니다.

```
npm start
```
 

오류 발생시

Q1. 저는 리액트 프로젝트 설치가 10분 이상 오래걸려요

스타벅스에서 하지 말고 집에서 합시다.

Q2. "npx command not found 어쩌구" 에러

터미널 다시 껐다 켜보세요

대부분 nodejs 제대로 설치 안해서 그렇습니다. 옛날 버전이라 그럴 수 있습니다.

맥북이면 brew 그런거 쓰지 말고 다운받읍시다.

윈도우는 C 드라이브에 얌전히 설치합시다.

리눅스는 알아서 nodejs 설치나 버전 업데이트 명령어 잘 입력하면 될듯요

Q3. 맥북인데 "permission이 없어요" 에러

프로젝트 생성시 저런 에러가 뜨면 터미널에

sudo npx create-react-app blog 입력해보면 됩니다.

비번입력하라고 하면 맥북 비번 입력하면 됩니다.

Q4. 윈도우인데 "허가되지 않은 스크립트 입니다 어쩌구~" 에러

윈도우 하단 검색메뉴에서 Powershell 검색 - 우클릭 - 관리자 권한으로 실행한 뒤

```
Set-ExecutionPolicy Unrestricted
```
 

라고 대소문자 하나라도 틀리지않고 입력하고 엔터칩니다.

그 다음에 뭐 선택하라고 하면 y 누르고 엔터치면 될듯요

그럼 이제 npx, npm으로 뭐 하는거 잘됩니다.

Q5. The engine "node" is incompatible with this module 에러

npx로 설치시 이런 에러가 있을 수 있습니다. nodejs 버전이 낮거나 너무 높다는 뜻이며

nodejs를 요구하는 버전으로 재설치하시면 됩니다.

Q6. 윈도우인데 아직도 터미널에서 뭐 하는거 안되면

이상한 보안프로그램 끄십시요 특히 Ahnlab security 어쩌구

작업폴더를 오픈한 다음 파일 - Powershell 열기 - 관리자권한으로 열기 누른 다음

거기서 npx 어쩌구 해서 프로젝트 생성해봅시다.

 

참조 : _코딩애플 리액트 강의 https://codingapple.com/_
Salesforce Interview Questions for Freshers & Experienced
Tags: salesforce, interview, skills, interviewquestions
Published: 2022-11-22 07:15:05

If you are looking to make your career in Salesforce, these 20+ [most-asked salesforce interview questions](https://www.onlineinterviewquestions.com/salesforce-interview-questions/) written by industry experts will help you prepare for your Salesforce Interview by providing industry expertise and experience to help you better understand the questions.

**Top 20+ Salesforce Interview questions for Software Developers**
1. What is Salesforce?
2. What is App in Salesforce?
3. What is the benefit of Salesforce CRM?
4. Explain Opportunities in Salesforce
5. How many workflow rules can you create per entity?
6. How many relationships are included in SFDC?
7. List the various types of Reports available in Salesforce.
8. How can you create Many to Many relationships in salesforce?
9. List the various object relations available in Salesforce.
10. Explain “Lookup Relationship” in Salesforce.
11. Explain the “Master-Detail Relationship” in Salesforce.
12. What is Case in Salesforce?
13. Can a dependent field be a controlling field as well in Salesforce?
14. What data types are supported by External ID in Salesforce.com?
15. How many days are items saved in the recycle bin of Salesforce?
16. What are Standard Fields in Salesforce?
17. What is Field-Level Security in Salesforce?
18. Explain the Campaign in Salesforce.
19. What are the different editions of Salesforce?
20. How many Custom Objects you can create in Enterprise Edition?
Cursor effect using HTML, CSS & JavaScript
Published: 2022-11-22 07:05:00

Hello Guys! In this blog, I'm going to explain to you how to make a cursor effect using HTML, CSS, and JavaScript. This will be a step-by-step guide. Let's get started 🚀.

Visit [codingtorque.com](https://codingtorque.com) for more projects like this!

## **Step 1: HTML Code**

```html 
<!DOCTYPE html>
<html lang="en">

<head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <title>Cursor effect using JavaScript - @code.scientist x @codingtorque</title>

</head>

<body>
    <div class="cursor"></div>
</body>

</html>
```


### **No output here...**


## **Step 2: CSS Code**

```css
body {
  background: black;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
  font-family: poppins;
}

.cursor {
  z-index: 999;
  position: fixed;
  background: #2696E8;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  pointer-events: none;
  box-shadow: 0 0 20px #2696E8,
      0 0 60px #2696E8,
      0 0 100px #2696E8;
  animation: colors 5s infinite;
  transform: translate(-50%, -50%);
  display: none;
}

@keyframes colors {
  0% {
      filter: hue-rotate(0deg);
  }

  100% {
      filter: hue-rotate(360deg);
  }
}

.cursor:before {
  content: '';
  position: absolute;
  background: #2696E8;
  width: 50px;
  height: 50px;
  opacity: 0.2;
  transform: translate(-30%, -30%);
  border-radius: 50%;
}
```

### **Output Till Now**

![cursor-effect-using-html-css-javascript](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/dm58a73colf8bxvikgmm.png)

## **Step 3: JavaScript Code**

```javascript
const cursor = document.querySelector(".cursor");
var timeout;

//follow cursor on mousemove
document.addEventListener("mousemove", (e) => {
    let x = e.pageX;
    let y = e.pageY;

    cursor.style.top = y + "px";
    cursor.style.left = x + "px";
    cursor.style.display = "block";

    //cursor effects when mouse stopped
    function mouseStopped() {
        cursor.style.display = "none";
    }
    clearTimeout(timeout);
    timeout = setTimeout(mouseStopped, 5000);
});

//cursor effects when mouseout
document.addEventListener("mouseout", () => {
    cursor.style.display = "none";
});
```
40% OFF for 4 months + 30 Free Migrations - Cloudways Black Friday 2022 Offer
Tags: webdev, promocode, discount, coupon
Published: 2022-11-22 06:43:09

---
title: 40% OFF for 4 months + 30 Free Migrations - Cloudways Black Friday 2022 Offer
published: true
description: This BLACK FRIDAY, Cloudways is offering 40% off for 4 months and 30 free websites migrations on all managed cloud hosting plans. Just use the coupon code while signing up, and enjoy hassle free hosting.
Offered Deal: 40% OFF for 4 months
Coupon Code: BFCM4030
Deal Duration: 14th to 28th November

tags: #webdev, #promocode, #discount #coupon
---


This BLACK FRIDAY, Cloudways is offering 40% off for 4 months on all managed cloud hosting plans. Just use the coupon code while signing up, and enjoy hassle free hosting.

Offered Deal: **40% OFF for 4 months + 30 Free Migrations**
Coupon Code: **BFCM4030**
Deal Duration: 14th to 28th November

<a href="https://www.cloudways.com/en/">**40% OFF for 4 months + 30 Free Migrations - Cloudways Black Friday 2022 Offer**</a>


---
🚀 AWS launches 2nd infrastructure region in Hyderabad, India.
Tags: aws, cloud, community, awscommunitybuilders
Published: 2022-11-22 06:41:58


The Hyderabad Region consists of three Availability Zones and offers an in-country infrastructure for customers to comply with data-residency and regulatory requirements. ⚡ 



The AWS Region in Hyderabad is estimated to support an average of more than 48,000 full-time jobs annually through a planned investment of more than $4.4 billion (INR 36,300 crores) in India by 2030. 🇮🇳 



Step to Activate Hyderabad region in your account:

1. Login  to AWS console and go to Account

2. Scroll Down and check the AWS Regions

3. Click the Enable for the Asia Pacific (Hyderabad)

4. Wait for some time.. about max 1-5 min.

5. Set Hyderabad(ap-south-2) in region selector and start creating resources. 🚀  



Read more  - https://aws.amazon.com/blogs/aws/now-open-the-30th-aws-region-asia-pacific-hyderabad-region-in-india/
java 설치 및 환경변수 설정, 2022-07-12
Tags: java, setting
Published: 2022-11-22 06:28:01

https://www.oracle.com/java/technologies/downloads/#java11-windows

1. java 버전에 맞는 것으로 설치 (java 11버전 사용)

2. 환경변수 설정

시스템 변수

새로만들기

변수이름 : JAVA_HOME

변수 값 : C:\Program Files\Java\jdk-11.0.15.1

Path에서 새로만들기

% JAVA_HOME%\bin

```
java -version
javac -version
```
껐다 켜야 환경변수가 제대로 적용되므로 컴퓨터를 다시시작하여 확인한다
tomcat 실시간 로그 확인, 2022-07-12
Tags: tomcat, server
Published: 2022-11-22 06:27:08

```
cd /var/lib/tomcat9/logs //tomcat 숫자는 본인이 설치한 버전마다 다름
```

```
tail -f catalina.out
```
참조 : _https://m.blog.naver.com/nuberus/221711108662_
war파일 생성 및 압축풀기, 2022-07-12
Tags: etc
Published: 2022-11-22 06:25:30

```
jar cf 이름.war //war파일 생성
```

```
jar xvf 이름.war
```
출처 : _https://yangyag.tistory.com/427
https://tnsgud.tistory.com/4_
ubuntu20.04 - node.js & nvm install, 2022-11-22
Tags: linux, ubuntu, node, setting
Published: 2022-11-22 06:08:14

```
# 필수 패키지 설치
sudo apt-get update
sudo apt-get install -y build-essentail
```

```
# root에서 실행
apt-get install wget

# 자동설치 스크립트 다운로드 후 실행
wget https://deb.nodesource.com/setup_16.x(버전은 각자)
sudo ./setup_16.x
rm setup_16.x
```
```
#apt를 통한 nodejs 설치
sudo apt-get update
sudo apt install -y nodejs
```
```
#nvm 설치
curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.1/install.sh | bash
```

```
source ~/.bashrc
```

```
nvm install node  # 최신 버전 설치
nvm install --lts # 최신 LTS 버전 설치
nvm install 16.14.0  # 특정 버전 설치
nvm install 16  # 특정 버전 16의 최신 릴리즈 설치
```

```
node -v
# v16.17.1
npm -v
# 8.3.1
```

참고 : _https://foxybearkim.tistory.com/17
https://iter.kr/%EC%9A%B0%EB%B6%84%ED%88%AC-nvm-node-js-%EC%84%A4%EC%B9%98-%EC%84%A4%EC%A0%95/_
Why developers don't use svelteKit?
Tags: webdev, javascript, react, discuss
Published: 2022-11-22 06:03:31

## Introduction:  What is Svelte?
**in my humble opinion:**
Svelte is a lightweight JavaScript framework that is designed to be used in web applications. It is designed to make it easier for developers to create high-quality, responsive UIs.

**But the developers of svelte describe it as follows:**

> SvelteKit is a framework for building web applications of all sizes, with a beautiful development experience and flexible filesystem-based routing.

> Unlike single-page apps, SvelteKit doesn't compromise on SEO, progressive enhancement or the initial load experience — but unlike traditional server-rendered apps, navigation is instantaneous for that app-like feel.

## For Discussion 
I think you will be surprised when you use it, it's just the best, **So why Developers don't use it**, me as developer i has to be open for new stack all the time in order to deliver the best websites for the clients, what i mean is no one use plain (*HTML, CSS*) for big projects anymore, because it's outdated, and i think the time have come to renew the front-end stack with something new.

### Give Your opinion in the comments please, Because i think about this all the time, And I didn't find an answer.
Storybook - Using decorators
Tags: storybook, webdev, beginners, testing
Published: 2022-11-22 05:52:10

In the previous article, we looked at args and parameters. In this one, we'll take a closer look at decorators.

Decorators are a way to wrap your story in an extra rendering definition.

One example of using a decorator could be to wrap your components so they have a margin around them inside Storybook.

Another could be to wrap it so we can mock specific contexts, for instance, a theme provider.

## Using story decorators

Let's start by looking at story-wide decorators. These can be used to wrap a singular component with a parent component.

Let's take our button component primary story and wrap it with some margin.

```js
export const Primary = Template.bind({});
Primary.decorators = [
  (Story) => (
    <div style={{ margin: '3em' }}>
      <Story />
    </div>
  ),
];
```

And now, if we visit our Storybook, we'll see the component wrapped with more space.

![Storybook story decorator](https://cdn.hashnode.com/res/hashnode/image/upload/v1668320800670/TV65xkXoS.png)

## Using component decorators

However, in some cases, you'll probably want to decorate every story in the button component rather than just one.

We can use the decorators on the component level like this to achieve that.

```js
export default {
  title: 'Button',
  component: Button,
  decorators: [
    (Story) => (
      <div style={{ margin: '3em' }}>
        <Story />
      </div>
    ),
  ],
};
```

Now every story for this component will have the margin applied to it.

## Using global decorators

As a third option, we can use global decorators. These will apply to all of our stories.
This could be helpful when using the context, but you can technically use it for anything.

You'll have to modify the `.storybook/preview.js` file and add the following line.

```js
export const decorators = [
  (Story) => (
    <div style={{ margin: '3em' }}>
      <Story />
    </div>
  ),
];
```

## Using context decorators

So far, we've seen the global decorator wrapping a simple div, but as mentioned, we can also wrap context providers. A good example could be a theme provider.

```js
import { ThemeProvider } from 'styled-components';

export const decorators = [
  (Story) => (
    <ThemeProvider theme='default'>
      <Story />
    </ThemeProvider>
  ),
];
```

This is still a static setup. The following article will look at how to make it dynamic.

### Thank you for reading, and let's connect!

Thank you for reading my blog. Feel free to subscribe to my email newsletter and connect on [Facebook](https://www.facebook.com/DailyDevTipsBlog) or [Twitter](https://twitter.com/DailyDevTips1)
Black Friday Deal for Designers & Developers 50% Off SiteWide on Fabrx Design
Tags: blackfridaydeal, design, wordpresstheme, websitetemplates
Published: 2022-11-22 05:48:14

## Supercharge your designs with Fabrx Black Friday Sale.

**Looking for some design inspiration?** 

Check out fabrx's black friday sale for some great design templates! With fabrx design, you can easily design stunning websites for your next project. So why wait? Grab some templates today!

Use Coupon **"BLACK50X"**

Hurry! up to 50% off for Black Friday On All Design Templates

Visit Now - https://fabrx.co
Yet another password Vault
Tags: backend, webdev, opensource
Published: 2022-11-22 05:45:56

As the title says I made this **zero knowledge encryption** _**sort of**_ Password vault, I am fairly new to encryptions and backend stuff so I would love to hear some feedback and stuff.

#### Here's an explanation how it works:-
- When creating your account user will send **enc_key** which will be their **masterKey** to decrypt their password.
- Then the **enc_key** will be hashed by [bcyrptjs](https://www.npmjs.com/package/bcryptjs).
- User creation is done!
- when user stores a password, they will have to provide encryption key with the password.
- Then [CryptoJs](https://www.npmjs.com/package/crypto-js) will decrypt the password by the encryption key you sent _**bcrypt will compare the ecnryption key with hashed key, if it is incorrect, server will respond with 404.**_
- Basic user auth is done by [JWT](https://www.npmjs.com/package/jsonwebtoken)

### Tech is used:
`Expresss, MongoDb and Mongoose`\

>FrontEnd is not ready yet

**Here is the repo link** [Gasssword-API](https://github.com/G4MB1T24/Gassword-API)
The Future Of Software Engineering: Is Low-Code The Answer? [Infographic]
Tags: programming, webdev, lowcode, productivity
Published: 2022-11-22 05:41:35

Is low-code / no-code just a fad? Or is it here to stay?

Check out the infographic below to find out how low-code is becoming part of the evolution of software engineering.

![The Future Of Software Engineering: Is Low-Code The Answer?](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/omzl3a8j7o990laipgv3.png)


![The Future Of Software Engineering: Is Low-Code The Answer?](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/gfhcu7wkocojpvrkmofx.png)


![The Future Of Software Engineering: Is Low-Code The Answer?](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/aqaubciw4d4svicapkak.png)


![The Future Of Software Engineering: Is Low-Code The Answer?](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/x1pqgyhfkrzi5vm4ow6z.png)


![The Future Of Software Engineering: Is Low-Code The Answer?](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/nxpgcxlqeksswaa3sb6b.png)


![The Future Of Software Engineering: Is Low-Code The Answer?](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/gr74xpu0uk157bzk85sz.png)

To download this infographic as a pdf document, simply click here: [Five.Co – Low-Code The Future Of Software Engineering
](https://five.co/wp-content/uploads/2022/11/Five.Co-Low-Code-The-Future-Of-Software-Engineering.pdf)