티스토리 뷰

Web

[간단한 웹 프로젝트/5~7일차]

도도고영 2023. 8. 16. 10:29

지난주 일주일동안 완성하려고 했던건데 주말부터 비실거리기 시작하더니 코로나 양성이 떠버렸다... 아직 몸이 썩 좋지는 않지만 갑자기 마음 급한 느낌이 들어 다시 후다닥 시작해본다!


램덤 비밀번호 생성 함수

자바스크립트는 익숙하지 않은 관계로 gpt의 도움을 살짝 받아 적은 코드. 근데 이제 실행이 안된다...

후다닥 설치 완료!

설치하고 다시 node -v 명령어로 버전확인을 해보았지만 똑같은 오류 메세지가 떴다. 혹시 몰라 윈도우 명령 프롬프트에 확인을 해보니 node 버전이 잘 떴다. 음 그럼 visual studio code 껐다키면 되겠구나 싶어서 껐다키니깐 성공!

랜덤 숫자도 잘 생성되는걸 확인할 수 있다. 화면에 뿌려주기까지 완료!

window.onload = function() {
    setResult(4)
};

function setResult(length){
    document.getElementById("result").innerHTML = generatorRandomPassword(length);
}

function generatorRandomPassword(length) {
    // var length = 8;
    var password = "";
    for (var i = 0; i < length; i++) {
        var randomDigit = Math.floor(Math.random() * 10);
        password += randomDigit;
    }
    return password;
}

Netlify로 배포

그리고 이제 두 달 뒤에 돌아와서 배포하기...! Netlify를 사용했다.

Base Directory를 잘못줘서 두 번 실패하고 성공했다-! 일주일 안에 한다고 하고 대략 일주일 + 두달뒤의 하루의 시간을 썼지만 뭐... 그래도 끝낸거에 만족!

https://incandescent-licorice-3495b3.netlify.app/


추후 수정하고 싶은 것

  • 마지막 페이지가 모바일로 봤을 때 글씨가 너무 작아진다. 
  • 구글 검색했을 때 나오게 하고 싶다.
  • 도메인 

 

공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
«   2024/09   »
1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
29 30
글 보관함