React 32

[react] 패키지 관리 툴 비교 npm, npx, yarn

npm - node package manager 자바스크립트 런타임 환경 Node.js의 기본 패키지 관리자 npx - execute npm package binaries npm에 속해 있는 npm 패키지 실행 도구! 패키지를 실행만 되게 해주기 때문에 가볍게 쓸 수 있다 ex) 깃허브 레포에서 다른 사람의 코드를 하나만 실행하고 싶을 때 npx와 스크립트를 적으면 패키지 설치를 하지 않고 실행할 수 있음 yarn 안전하고 안정적이며 재현 가능한 프로젝트 버전을 어디에서나 같게 만들어 버그를 줄이고 보안을 높임! 취향 차이인 것 같다! 나는 개인적으로 공부할 때는 npm이나 npx를 쓰고 프로젝트를 할 때는 yarn을 썼다 버전 충돌 이슈를 방지하기 위한 건가... 사실 쓰면서도 왜 쓰는 건지는 모르겠다..

React 2024.01.27

[React] 간단한 회원가입 로그인 구현하기

소셜같은 복잡한 로그인 말고 아이디와 비밀번호 두 가지만 가지고 회원가입 / 로그인을 구현해봤다. 일단 api 명세는 다음과 같다. - 둘 다 정보를 서버로 보내는 것이니까 POST를 사용하면 된다. - 회원가입의 requestbody에서 language, city, gu는 프로젝트에서 추가로 사용한 회원의 정보이다 이런 식으로 정보를 추가로 전달하는 것이 가능하다. - 보통 responsebody는 따로 받아오지 않는다. 다만 로그인 페이지에서 로그인 한 것을 기록하는 느낌으로 토큰을 저장하는 정도만 하면 된다. - 아이디로 이메일을 고른 이유 : 실제로 있는 이메일인지 판별하거나 소셜 로그인에 필요해서 이메일을 고른 것이 아니다! 해커톤 프로젝트였기 때문에 아이디 중복 검사나 아이디 길이 제한과 같은..

React 2024.01.20
728x90