정화 코딩

관련 패키지 (jsonwebtoken, cookie-parser) 설치npm install jsonwebtokennpm install cookie-parser --savejwt.jsimport jwt from 'jsonwebtoken';const secretKey = process.env.JWT_SECRET_KEY;// 새로운 토큰을 생성하는 함수export const generateToken = (payload) => { const token = jwt.sign(payload, secretKey, { expiresIn: '10m' }); return token;};// 기존 토큰을 사용하여 새로운 토큰을 생성하는 함수export const refreshToken = (token) => { tr..

객체와 프로퍼티// 객체 (Object){// key value brandName: '코드잇'; // 속성 (Property) bornYear: '2017';}// 자료형: object 객체에서 데이터 접근하기// 점 표기법objectName.propertyName// 대괄호 표기법objectName['propertyName'] 실습 - 영어 단어장 1let myVoca = { function: '함수', variable: '변수', constant: '상수', local: '지역의', global: '전반적인',};console.log(myVoca);console.log(myVoca.local);console.log(myVoca.constant);console.log(myVoc..

문자열 실습 1console.log("한국 영화 역사상 아카데미상을 받은 것은 '기생충'이 처음이다.");console.log('아리스토텔레스는 "인간은 사회적 동물이다."라고 말했다.'); 문자열 실습 2console.log(`영화 '베테랑'에서 "어이가 없네~"라는 대사가 유명했다.`); 불린형console.log(3 === 3); // 일치 (형변환 X)console.log(3 !== 3); // 불일치 (형변환 X)console.log(3 == 3); // 동등 (형변환 O)console.log(3 != 3); // 부등 (형변환 O)console.log(2 === '2'); // false (=== : 엄격한 비교)console.log(2 == '2'); // true (== ..

출력console.log(10) // 출력 결과: 10 변수 선언 및 초기화let x; // 변수 선언x = 10; // 변수 초기화let x = 10; // 변수 선언 + 초기화 실습 - 커피 메뉴별 칼로리 출력// 재료별 칼로리let espresso = 10;let milk = 170;let chocolateSyrup = 50;let whippedCream = 60;// 메뉴별 칼로리 테스트console.log(espresso); // 에스프레소 칼로리console.log(espresso + milk); // 라떼 칼로리console.log(espresso + chocolateSyrup + milk); // 모카 칼로리console.log(espresso + chocolateSyrup + milk +..

현재 이화마켓 웹어플리케이션을 개발하는 과정 중에 있는데, 그 중 로그인/회원가입 화면은 어느 서비스에서든 활용할 수 있는 필수적인 화면이라고 생각한다. 따라서 웹어플리케이션 개발을 하고자 하는 다른 사람들에게 도움이 되었으면 좋겠다고 생각하여 우리가 이 화면을 어떻게 구현하였는지에 대해 적어보고자 한다. 회원가입 화면 💡 기능 - 회원가입 버튼이 클릭되면 사용자가 입력한 아이디, 비밀번호, 닉네임을 받아 백엔드로 넘긴다. - 아이디가 중복되지 않는지 체크한다. 중복된 아이디라면 이를 알려주는 메세지 창을 보여주고 회원가입 화면으로 이동한다. 중복되지 않은 아이디라면 정상적으로 데이터베이스에 사용자 정보를 추가하고 로그인 화면으로 이동한다. (비밀번호는 암호화하여 저장한다.) 💡 구현 - app.py 일..