본문 바로가기
반응형

전체 글59

npm와 npx, 언제 쓰는거야? npm javascript(Node.js) package manager javascript 개발자가 패키지된 모듈을 쉽게 공유할 수 있도록 돕기 위해 2009년에 오픈 소스 프로젝트로 생성되었다 package를 200만개 이상 보유하고 있는 소프트웨어 레지스트리이다 해당 패키지를 설치하고 사용할 수 있는 커맨드 라인이다 npx javascript(Node.js) package excute 의미론적으로 실행을 하는 커맨드 라인이다 npm 5.2 버전부터 제공되었고, npm과 별개가 아닌 npm에서 제공하는 도구이다 레지스트리에 존재하는 패키지를 설치하지 않아도(npm install) npx를 이용해서 실행할 수 있다. npx를 통해 일회성으로 실행이 가능하다. npx, 왜 나타났나? npm을 이용해서 패키.. 2024. 4. 15.
Client에서 JWT 생성기 (JSON Web Token, Frontend) JWT 정의 늘려서 JSON Web Token JSON 객체를 활용하여 안전하게 정보를 전송할 수 있는 간결하고 독립적인 개방형 표준이다. 아래는 jwt.io에서 발췌한 부가적인 설명이기 때문에 궁금하신 분만 읽어보세용 😃 디지털 서명이기 때문에 신뢰가 보장되며 비밀키를 사용하면 HMAC 알고리즘을 통해 암호화되며 공개/개인키를 함께 사용할 때는 RSA나 ECDSA 알고리즘을 통해 암호화된다. 사인된 토큰은 클레임에 대한 무결성을 보장하며 토큰이 암호화되는 동안 다른 쪽에서는 클레임에 대한 정보를 알 수 없다. (클레임에 대한 정의는 payload 파트에 있어요!) 만약 공개/개인키로 서명되는 경우에는 개인키를 보유한 쪽이 사용자임을 인증한다. JWT 언제 사용하나요? 1. 권한 인증 JWT의 가장 일반.. 2024. 4. 15.
Mac(M1) 개발환경 세팅하기(feat. FrontEnd) Homebrew 설치하기 역할 MacOS 또는 Linux system의 패키지 매니징을 도와주는 툴 Ruby로 이루어진 script homebrew를 가지고 개발환경에 필요한 다양한 패키지들을 다운로드 가능하기 때문에 개발환경을 세팅해야겠다 싶으면 터미널을 통해 첫번째로 설치하자 설치 /bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)" 해당 명령어를 입력하고나면 sudo 권한을 요구하며 맥 패스워드를 요구한다. sudo? Linux에서 사용되는 명령어로 최고관리자 권한으로 명령어를 실행하는 것이며 Window의 '관리자 권한으로 실행'과 비슷한 기능이라 생각하면 된다. homebrew를.. 2024. 4. 14.
Vanilla JS로 SPA router 기능 만들기 정적 웹페이지를 배포해야 할 일이 생겼고, 내용도 굉장히 적기 때문에 프레임워크는 고사하고, 모듈러 사용도 과하다고 판단했다. 항상 프레임워크에서 개발하거나 최근 프레임워크없이 vanillaJS에 모듈러만 사용하여 개발한 경험이 있는데, 이번엔 모듈러까지 없이 하려니 도저히 가닥이 잡히지 않았다. 일단 내가 배포에 대한 지식이 전무하다보니 배포를 하려면 프로젝트에 무엇이 필요한지 몰랐다. 그래서 일전에 정적 페이지를 배포해준 동료에게 질문을 했다. 정적 페이지를 AWS S3에 배포하셨을 때, 프로젝트를 직접 S3에 업로드하셨나요? 아니요, 적어주신 build 명령어로 build했고, build 결과물을 S3에 업로드했어요. 이 답변을 듣고 나니 단순히 컴파일하는 과정이라고 생각했었던 build의 정의가 .. 2024. 4. 14.
728x90
반응형

티스토리툴바