프론트엔드/유용한 사이트

유용한 사이트, 기능

테오구 2021. 11. 15. 21:32
728x90

자바스크립트 

https://developer.mozilla.org/ko/

 

MDN Web Docs

The MDN Web Docs site provides information about Open Web technologies including HTML, CSS, and APIs for both Web sites and progressive web apps.

developer.mozilla.org

https://ko.javascript.info/

css

CSS 위키피디아: https://en.wikipedia.org/wiki/Cascadi...

MDN CSS Selectors: https://developer.mozilla.org/en-US/d...

CSS Reference: https://developer.mozilla.org/en-US/d...

CSS Properties Reference: https://developer.mozilla.org/en-US/d...

 

스키마 디자인

https://dbdiagram.io/d

 

dbdiagram.io - Database Relationship Diagrams Design Tool

 

dbdiagram.io

 

 

SQL Quiz

https://www.w3schools.com/quiztest/quiztest.asp?qtest=SQL 

 

W3Schools SQL Quiz

I completed the SQL quiz on w3schools.com

www.w3schools.com

SQL Practice

https://www.w3schools.com/sql/sql_exercises.asp

 

SQL Exercises

W3Schools offers free online tutorials, references and exercises in all the major languages of the web. Covering popular subjects like HTML, CSS, JavaScript, Python, SQL, Java, and many, many more.

www.w3schools.com

Sequelize

Sequelize ORM

 

Sequelize

 

sequelize.org

Sequelize - Migrations

 

Manual | Sequelize

Migrations Just like you use version control systems such as Git to manage changes in your source code, you can use migrations to keep track of changes to the database. With migrations you can transfer your existing database into another state and vice ver

sequelize.org

find

HTTP Status Code

https://developer.mozilla.org/ko/docs/Web/HTTP/Status

 

 

 

HTTP 트랜잭션 해부

HTTP 요청/응답 처리 과정을 자세하게 설명하고 있는 공식 문서입니다.

HTTP 트랜잭션 해부

 

HTTP 트랜잭션 해부 | Node.js

Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine.

nodejs.org

 

쿠키(cookie)

https://web.dev/samesite-cookies-explained/#explicitly-state-cookie-usage-with-the-samesite-attribute

 

SameSite 쿠키 설명

SameSite 속성을 사용하여 자사 및 타사 사용을 위해 쿠키를 표시하는 방법을 알아보세요. SameSite의 Lax 및 Strict 값을 사용하여 CSRF 공격에 대한 보호를 개선함으로써 사이트의 보안을 강화할 수 있

web.dev

 

Node.js

노드 입문자를 위한 심플한 사이트: https://nodejs.dev/learn

노드 공식 사이트: https://nodejs.org/dist/latest-v17.x/docs/api/

 

Index | Node.js v17.2.0 Documentation

 

nodejs.org

npm 명령어

https://docs.npmjs.com/cli/v7/commands

 

CLI commands | npm Docs

Documentation for the npm registry, website, and command-line interface

docs.npmjs.com

 

도커

https://docs.docker.com/engine/reference/commandline/container_run/

 

docker container run

docker container run: Run a command in a new container

docs.docker.com

 

bdrypt

https://github.com/kelektiv/node.bcrypt.js

 

GitHub - kelektiv/node.bcrypt.js: bcrypt for NodeJs

bcrypt for NodeJs. Contribute to kelektiv/node.bcrypt.js development by creating an account on GitHub.

github.com

Salt 길이별로 성능 측정

https://auth0.com/blog/hashing-in-action-understanding-bcrypt/

 

Hashing in Action: Understanding bcrypt

bcrypt allows us to build a password security platform that can scale with computation power and provides us with hashing and salting mec...

auth0.com

JWT

https://github.com/auth0/node-jsonwebtoken

 

GitHub - auth0/node-jsonwebtoken: JsonWebToken implementation for node.js http://self-issued.info/docs/draft-ietf-oauth-json-web

JsonWebToken implementation for node.js http://self-issued.info/docs/draft-ietf-oauth-json-web-token.html - GitHub - auth0/node-jsonwebtoken: JsonWebToken implementation for node.js http://self-iss...

github.com

 

vscode snippet 만들기

ctrl + shift + p한다음 javascript.json을 선택

 

"Express Callback": {
    "prefix": "rr",
    "body": ["(req, res, next) => {$1}"],
    "description": "Express Callback"
  }

를 하게 되면 rr을 누르고 tab을 누르면 (req, res, next) => {}가 나온다.

 

정규표현식

https://regexr.com/5l6nr

 

728x90