html5 css 제대로 배우고 싶은데 추천좀;;;

[익명(211.225)]

좀 기초를 진득하게 배우고 싶은데

html5 + css3 강의 없음?

이거 두개만으로 실전 프로젝트(소규모 홈페이지)까지 만드는 강의나 책 있으면 추천좀해줘 ㅇㅇ

이렇게 해놓고 바닐라 자바스크립트 공부해서

html5+ css3 + 바닐라스크립트  이렇게 만으로 프로젝트 만드는것도 하고싶고

[익명(211.209)]

갠적으로 html css는 진득하게라는 개념이 없고 다 케바케인듯.. 그래서 기본적인 문법만 배우고 실제 퍼블리셔들이 어케 쓰는지 보는게 나을수도

[익명(211.225)]

궁금한거 있는데 질문좀할게

[익명(211.225)]

보통 홈페이지를 만들면 메인페이지가 있고 네비게이션통해서 다른 페이지로 이동하잖아. 근데 보통 페이지 기본 틀이 있을거아냐? 그러면 어떻게 하는지 궁금함... 예를들면 페이지 a , b 가 있는데 공통된 레이아웃은 어떻게 처리하는지 궁금함

[익명(211.209)]

공통 레이아웃은 common.css같은걸로 빼겠지

[익명(211.209)]

각 페이지에 ./common.css 추가할거고

[익명(211.209)]

공통 리소스에 해당하는 네이밍을 붙일거고

[익명(211.225)]

예륻를어 이 사이트는 1280x1280 사이즈로 만든다고하면 a페이지 b페이지 마다 css를 따로따로 만들어서 적용하는지 아니면 common? 같은 느낌으로 css만들어서 a, b에 적용시키는지... 보통 어케 처리하는지를 모르겠음

[익명(211.225)]

ㅇㅇ 내가 만들면서도 그렇게 하는게 맞겠다 싶어서 만들긴하는데 그럼 탑이랑 푸터는 사실 항상 모든 페이지에 다 있잖아? 그러면 그거는 a,b,c,d 페이지마다 include해서 넣고 그 가운데에 내용만드는식으로 함? 보통?

[익명(211.225)]

아.. 그냥 간단하게 만든 실무 프로젝트 있으면 좀 보고 싶다. 어떤 구조로 정리하는지 그게 궁금함

[익명(211.209)]

그걸 원래 다 include해야하는데 귀찮잖아? 그래서 그걸 템플릿화해서 [!header] 라고 (예시임) 쓰면 헤더 붙여주는걸 쓰기도 함. 이런건 pure css, html로는 못함. html은 문서도구임 (디시 글쓰기처럼) 글쓰기에 이렇게 동적으로 해주는게 있겠어?

[익명(211.225)]

나는 지금 그냥 탑이랑 푸터 부분만 페이지를 따로 만들어두고 그걸 그냥 a,b,c,d에다가 인클루드해서 넣는식으로 했거든.. 근데 다른방법으로 하는지 궁금함;

[익명(211.209)]

아까 실무 프로젝트 찾던 친구아닌가싶네 걍 너가 직접만들고 깃헙링크올리고 피드백을 구해. 그럼 더 디테일하게 피드백을 줄거니까

[익명(211.209)]

ㅇㅇ 그럭헤 함

[익명(211.209)]

정확하게는 'top' ,'footer'부분 같이 공통요소에 대한 코드조각(혹은 템플릿)을 맞춰놓고 모든 페이지에 top, footer 가 껴들어가게 만드는거지

[익명(211.209)]

이건 html, css가 해줄 순 없는거고 별도의 템플릿 관리 코드가 들어가야되는거임 (jsp라던지 express에서 engine있던데 이런거)

[익명(211.225)]

html css에는 include가 없나? view를 jsp로 하고 있어서 몰랐네

[익명(211.225)]

그냥 인터넷에 홈페이지 만들어서 파는 사람들한테 프로젝트 하나 살까? 싸면 20만원 30만원하던데; 코드도 넘겨받는조건으로 사서 뜯어보면서 공부할까

[익명(211.209)]

ㅇㅇ 너가말하는 html + css는 순수 뷰잉이고 (그냥 케이스바이 케이스대로 다 찍어내는 뷰라고 생각하면됨. 헤더있는케이스, 없는 케이스 순수하게..) 님이 말하는 header, footer 관리는 jsp같은 템플릿 + 스프링 mvc기반의 어떤 관리체계가 생기는거임. 관리체계는 그 두개로는 못풀음.

[익명(211.209)]

그런거 보면 배울거 별로 없을텐데..? 뭐가 궁금한지 몰겠네.. 님이 하던 방식 틀린 방식아닌데 왤캐고민하셈

[익명(211.209)]

그리고 아까 그 갤러인진 모르겠지만 실무자라고 꼭 맞는 선택을 하는건 아니라니까? 걍 그때 그떄 상황에 맞게 최적의 솔루션을 찾는것임. 님이 선택한건 틀린방법 아니고, 굳이 피드백을 주자면 css파일 이런거 리얼에 올릴 때는 cdn같은곳에 올려야 로딩속도 빨라진다는거정도..?

[익명(211.225)]

선생도 없고 그냥 혼자서 만들다 보니까 내가 제대로 하고 있는건지 아닌건지를 모르겠음;;

[익명(211.209)]

그리고 css같은 경우 로딩되는 순서에 따라 적용안될수도 있으니, 서로 영향 안미치게 레이어링을 잘 해두라는정도?

[익명(211.225)]

실무자들이 만든 프로젝트를 좀 보고 싶음. 그게 정답이 아니라는건 알겠는데 궁금해 미치겠음

[익명(211.209)]

선생이 있어도 답을 주는게 아님. 걍 하는거고. 모르겠으면 지금처럼 자세한 사례를 들고 질문하면 그 사례를 경험해본 갤러들이 잘 답변해줄거임. 그냥 이게 맞냐 안맞냐 라고 하면 어디서부터 알려줘야할지 애매함. (대답도 대충나올 확률이 높음)

[익명(211.209)]

jsp로 하는 솔루션이면 님같이 짤 확률이 높음. 우리 회사에서도 jsp + 퍼블리셔 협업 코드 있는데 jsp로 헤더 푸터 사이드바 인클루드하고있음.

[익명(211.209)]

jsp구조는 지금은 동작하기만 하면됨.. 아니 스프링 자체나 스프링 구조를 파는거면 이해가가는데 회사별로 케이스바이케이스별로 다 다를 수 있는 프로젝트 셋업은 왜 궁금한지 몰겠네.. 혹시 프론트지망생이야..?

[익명(211.225)]

오호 ㄳㄳ요;; 그렇게 공통된거 따로만들어두고 include하고 페이지에 맞는 내용 넣는구나 ㅇㅋㅇㅋ;; 굿굿;;

[익명(211.225)]

풀스택 지망생이긴한데 대충알고 싶지가 않음.. 성격이 대충알고 넘어가는거 싫어해서;;

[익명(211.209)]

뭔진 알겠는데 케바케의 영역이 있고 깊게 파야되는 영역이 있는데 지금 님이 케바케 영역 파고 있어서 하는거임. 특히 UI쪽은 그당시 실무자가 어떤 툴을 쓰고 어떤 결정을 하는지에 따라 달라짐. 예를들어 퍼블리셔가 이렇게 하기로 했다 하면, 개발자가 적당하게 맞춰주는 방식임. 반대로 퍼블리셔도 개발자가 하는거 보고 적당하게 맞춰주기도하고. 근데 궁금하니까 요런 케바케 해결하는 법을 알려드리자면.. JSP말고 JS로도 짜보고 파이썬으로도 경험해보고해보면 감옴. 아 얘내는 이렇게 하는구나. 저렇게 하는 방법도 있구나 이런거.

[익명(211.209)]

그래서 님이 실무자가 쓰는 방법이라고 지금 알고있어도 실제 취업해서는 전혀다른 방식을 마주할 수 도 있다는거. 중요한건 '공통코드관리'를 어떻게 할까? jsp:include써보자 로 결론냈으면 그것만으로도 좋은 성과임.

[익명(211.225)]

흠.. 감사요~ 그나마 마음이 좀 편해지는듯;; 담에는 간단하게 페이지 두세개 정도 만든다음에 깃 올려서 비효율적으로 된 부분이 있는지 확인좀 해달라고 질문해봐야겠네 오늘 너무 고마워 아침부터 ㄳㄳ;; 잊지않겠음

[익명(211.209)]

처음엔 그럴 수 있지. 님 성향이 틀린게 아님. 걍 이런걸 좋아하는 성향의 개발자들은 원래 이런거 파고듬 ㅋㅋ 근데 시간지나면 이제 분별력이 생길거임. 홧팅

[삼생성명(alpines)]

https://adminlte.io/
여기가서 템플릿 다운받고 구조 파악해서 역설계 공부들어가는게 제일 빠르지. 현업 퍼블리셔들의 경험이 녹아든거니까

[익명(211.225)]

오 이런사이트는 첨알았다 ㄳㄳ;;