질문을 삭제하지 말아주세요.!
 
1
0
-1
css 를 작성하는곳이 public/build/css 파일도있고 resources/assets/scss 밑에 파일도 있고... 책 197p를 보면 resources/assets/scss/app.scss 부분을 바꾸라고 되있어서 연두색으로 바꿧는데 적용이 잘되었습니다. 그런데 23장 하는 도중에 연두색을 다시 바꾸려고 하니까 안바꿔지네요... @yield('style') view에는 이렇게 해놓았는데 css를 조작하려면 어디를 바꿔야하나요? spring을 잠시했었는데 거기서는 프론트엔드를 단순하게 css파일 js파일 로만 사용했었는데 라라벨은 많이 복잡하네요ㅠㅠ
    CommentAdd your comment...

    1 answer

    1.  
      2
      1
      0

      이런 관계가 형성됩니다.

      file.c → source

      file.o → compiled binary

      makefile → build recipe

      make → task automator


      resource/assets/scss/app.scss (또는 resource/assets/css/app.css) → source

      public/build/css/app.css → compiled

      gulpfile → build recipe

      gulp → task automator


      css 는 컴파일 언어가 아니므로 굳이 이런 복잡한 과정을 거치지 않고, 스프링에서 하신 것처럼, public 폴더에 파일을 직접 만들고 참조해도 됩니다. public/foo.css 라는 파일이 있다면, 웹 페이지에서 <link rel="stylesheet" href="/foo.css">처럼요.

      프런트엔드 리소스가 많고 복잡할 때는 빌드 시스템을 이용하는 것이 여러 모로 좋습니다.

      1. 이용준

        프론트 부분은 너무 어렵네요... spring과 달리 라라벨은 프론트쪽이 뭔가 어려운느낌....ㅠㅠ github 에서 전체 소스를 보았는데 css는 여러개의 파일이 아니라 전부 resource/assets/css/app.css 여기에 모아져있는것 같은데 맞나요..??????? 각 view파일마다 쓰이는 css파일이 달라야하는데 한곳에만 해도 되는건가요??     (혹시 프론트에대한 전반적인 지식을 습득할 수 있는 책이나 사이트가 있을까요....... 배워야겟네요..)

      2. 김주원

        프런트는 기존에 하셨던 대로 쓰셔도 됩니다. 뷰 파일마다 다르게 하려면 다음처럼 하시면 됩니다.

        public/css/foo.css를 foo.blade.php에서, public/css/bar.css를 bar.blade.php에서 사용한다고 가정하겠습니다.

        <!--//foo.blade.php-->
        @section('...')
          <link rel="stylesheet" href="/css/foo.css">
        @endsection
        
        
        <!--//bar.blade.php-->
        @section('...')
          <link rel="stylesheet" href="/css/bar.css">
        @endsection


        또는 css를 별도 파일로 쓰지 않고 인라인으로 쓰고 싶다면 다음과 같이 하시면 됩니다.


        <!--//foo.blade.php-->
        @section('...')
          <style>
            a {color: blue;}
          </style>
        @endsection
        
        
        <!--//bar.blade.php-->
        @section('...')
          <style>
            a {color: red;}
          </style>
        @endsection


        유튜브나 온라인 강의 사이트를 통해서 배우는 것이 좋을 듯 합니다.

      CommentAdd your comment...