• 로그인
  • 장바구니에 상품이 없습니다.

home2 게시판 Node.js, Express 게시판 css 가 안먹힙니다.

css 가 안먹힙니다.

10 글 보임 - 1 에서 10 까지 (총 11 중에서)
  • 글쓴이
  • #59799

    이해욱
    참가자
    
    
    brackets 에선 css 설정 이 잘먹히는데
    
    
    vscod에선 css가 안먹힙니다 
    
    write.html
    <!DOCTYPE html>
    <html>
    <head>
      <meta charset="UTF-8">
      <title>Document</title>
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <script src="https://code.jquery.com/jquery-3.4.1.slim.min.js" integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n" crossorigin="anonymous"></script>
      <!-- <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script> -->
            
      <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-iYQeCzEYFbKjA/T2uDLTpkwGzCiq6soy8tYaI1GyVh/UjpbCx/TYkiZhlZB6+fzT" crossorigin="anonymous">
        
        <script type="text/javascript" src="../se2/js/service/HuskyEZCreator.js" charset="utf-8"></script>
      <link href="css/main.css" rel="stylesheet">          ->views에도 넣어보고 그전 폴더 둘다 다 넣어봣는데 안되네요
        
      <script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
        
    </head>
    <body>
        <div class="_container">
            <div class="header">
                <nav class="navbar navbar-expand-lg bg-light">
                    <div class="container-fluid">
                        Moon server
                        <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNavAltMarkup" aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation">
                            <span class="navbar-toggler-icon"></span>
                        </button>
                        <div class="collapse navbar-collapse" id="navbarNavAltMarkup">
                            <div class="navbar-nav">
                                <div class="navbar-nav">
                                    Home
                                    Write
                                    Pricing
                            </div>
                        </div>
                    </div>
                </nav>
            </div>
            <div class="left-menu"></div>
            <div class="center-menu">
                <form action="/add" method="POST">
                    <label>제목</label>
                    <input type="text" class="form-control" name="title">
                    
                    <textarea name="ir1" id="ir1" rows="10" cols="100">에디터에 기본으로 삽입할 글(수정 모드)이 없다면 이 value 값을 지정하지 않으시면 됩니다.</textarea>
                    <script type="text/javascript">var oEditors = [];
                    nhn.husky.EZCreator.createInIFrame({
                        oAppRef: oEditors,
                        elPlaceHolder: "ir1",
                        sSkinURI: "../se2/SmartEditor2Skin.html",
                        fCreator: "createSEditor2"
                    });
                </script>
                <script>        
                    function submitContents(elClickedObj) {
                        oEditors.getById["ir1"].exec("UPDATE_CONTENTS_FIELD", []);
                        try {
                            elClickedObj.form.submit();
                        } catch(e) {}
                    }
                </script>
                <button type="submit" class="btn btn-danger">Danger</button>
                </form>
            </div>
            <div class="right-menu"></div>
            <div class="footer"></div>
        </div>
        <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.6/dist/umd/popper.min.js" integrity="sha384-oBqDVmMz9ATKxIep9tiCxS/Z9fNfEXiDAYTujMAeBAsjFuCZSmKbSSUnQlmh/jp3" crossorigin="anonymous">
        </script>
        <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/js/bootstrap.min.js" integrity="sha384-IDwe1+LCz02ROU9k972gdyvl+AESN10+x7tBKgc9I5HFtuNz0wWnPclzo6p9vxnk" crossorigin="anonymous">
        </script>
    </body>
    </html>
    
    
    <link href="css/main.css" rel="stylesheet"> ->views에도 넣어보고 그전 폴더 둘다 다 넣어봣는데 안되네요
    
    #59846

    codingapple
    키 마스터
    크롬콘솔창에 에러뜨는건 없습니까
    #59852

    이해욱
    참가자
    네 에러 뜨는건 없어요 ㅠㅠ
    #59900

    codingapple
    키 마스터
    href="/public/css/main.css" 같은 경로로 수정해보거나 server.js파일에 public 폴더 잘 등록해놨나 확인합시다
    #59933

    이해욱
    참가자
    
    
    
    <link href="css/main.css" rel="stylesheet">
    <link href="/css/main.css" rel="stylesheet">        구글링해서 찾아봤는데 둘다 해봐도 안되네요 ㅠㅠ
    #59993

    codingapple
    키 마스터
    css파일 주소보니까 :8080이런게 없는거같은데 서버프로젝트는 nodemon으로 미리보기 띄워놔야 쓸 수 있습니다
    #60013

    이해욱
    참가자
    포트 80으로 줬는데 80은 안되나요?
    #60062

    codingapple
    키 마스터
    그럼 localhost:80/어쩌구로 들어가면될듯요
    #60078

    이해욱
    참가자
    포트 8080으로 설정하고 localhost:8080 해도 똑같은 오류뜹니다 ㅠㅠ
    #60087

    codingapple
    키 마스터
    서버파일에 app.use('/public', express.static('public')) 추가해놓고 css파일을 public폴더에 넣어놓고
    href="/public/main.css" 아니면 /main.css 해서 가져다쓰면 잘됩니다 
    
10 글 보임 - 1 에서 10 까지 (총 11 중에서)
  • 답변은 로그인 후 가능합니다.

About

현재 월 700명 신규수강중입니다.

  (09:00~20:00) 빠른 상담은 카톡 플러스친구 코딩애플 (링크)
  admin@codingapple.com
  이용약관
ⓒ Codingapple, 강의 예제, 영상 복제 금지
top

© Codingapple, All rights reserved. 슈퍼로켓 에듀케이션 / 서울특별시 강동구 고덕로 19길 30 / 사업자등록번호 : 212-26-14752 온라인 교육학원업 / 통신판매업신고번호 : 제 2017-서울강동-0002 호 / 개인정보관리자 : 박종흠