spya님의 프로필 이미지

수강평 1

평균평점 5.0

98% 수강 후 작성

저는 약 한달간 HTML 과 CSS 공부를 하고 홈페이지를 만드는 작업을 하고 있었습니다. 하지만 디자인적인 부분에서 한계를 느껴 찾아보던중, 부트스트랩이라는 걸 알게 되었습니다. 부트스트랩을 이용해보려고 했더니 기존에 공부한 CSS와는 다르게 새로운걸 공부하는 느낌이더군요. 그래서 강의를 찾아보게 되었습니다. 선생님 강의를 듣고 이해도가 많이 높아지고 제대로 활용할 수 있게 되었습니다. 정말 감사 드립니다. 이하는 질문 및 의견 입니다. ===================================== 웹표준에 대한 부분인데요, 프로젝트를 진행한 후 해당 HTML을 유효성 검사 사이트 https://validator.w3.org/ 에서 확인을 해보면 class에 들어간 width 부분이 모두 에러가 납니다. 물론 에러가 나도 사이트를 이용하는데는 전혀 지장이 없지만 이 에러가 웹표준이라는 부분에 있어서 문제가 되지는 않는지 궁금합니다. 예를들어 제가 한 회사에 취직해서 웹표준에 적합한 사이트를 만들라는 지시를 받았을 때, 이 부분이 문제가 되지는 않는지에 대한 부분 입니다. 에러 나는 부분을 지우고 css파일에 직접 작성을 하니 에러 부분은 사라졌습니다. 왜 그런진 잘 모르겠지만 class에 작성되어있을때와 css에 작성되어있을때 위치가 약간 다르더군요, 그 부분은 col 값을 수정해주는 등 고칠 수 있었습니다. (col-3 col-5 col-4 로 지정된 navbar의 3개컬럼에서 col-5에 있는 로고가 왼쪽으로 치우침, col-4 col-4 col-4 로 바꿔줌으로써 로고가 센터로 위치함) 만약 이 부분이 웹표준에 문제가 된다면 선생님께서도 애초에 css에 작성하는 방향으로 강의하심이 낫지 않을까해서 조심스럽게 의견 제시해 봅니다. 맞다 틀리다의 문제가 아니라 그냥 궁금한점에 대한 질문을 드리는 부분이니 불쾌하지 않으셨으면 좋겠습니다. 다음은 이후 강의에 대한 의견입니다. ====================================== 제가 선생님 강의를 듣기전, 인터넷에 있는 여러 템플릿을 참고 하였지만, 실제 적용했을때 도무지 원하는 모양이 나오지 않았습니다. 짧은 제 지식으로 생각하건데 아마 부트스트랩의 버전도 다르고, 템플릿의 원작자가 부트스트랩에서 제공하는 css외 커스터마이징을 한 부분들이 있다보니 cdn링크만 걸려있는 제 index파일에서는 정상적으로 동작할 수가 없겠더군요. 그래서 제안드리는 부분은, 여러 버전의, 여러 템플릿을 활용하여 여기저기서 가져다 붙인 코드들이 하나의 웹페이지로 만들어지는 과정을 알려 주신다면 굉장한 도움이 되지 않을까 싶습니다. (버전차이에 따라 원작자의 코드에서 이부분은 수정해 줘야 한다, css가 제대로 먹지 않을경우 코드를 분석해 수정해 나가는 방법 같은것) 다시한번 감사하다는 말씀드리면서, 이만 줄이겠습니다.

Self-coding님의 프로필 이미지
Self-coding
지식공유자

수강평 감사합니다. 조금이나마 도움이 된다니 다행입니다. 몇 가지 문의에 대해서.. 1. 제가 오래 전에 html 공부를 해서(사실 html 공부랄 것도 없고, 1-2시간이면 되는 내용이지만) html 유효성 검사에 대해서는 솔직히 몰랐습니다. img 엘리먼트에 width나 height를 속성으로 추가하는 것 등등입니다. 이 부분은 추후에 새로운 프로젝트 업데이트할 때는 미리 공부하고 동영상을 만들게요. 알려주셔서 감사드려요. 2. 부트스트랩은 html과 약간의 css만 알면 웹코딩하기에 매우 쉬운 프레임워크입니다. 부트스트랩 cdn을 링크하면, 사실 사용하지 않는 css 부분이 웹에 포함될 수 밖에 없어서(당연히 코드양이 많아지겠죠), 전문가들은 꼭 필요한 것만 직접 css를 하나하나 디자인합니다. 이 강의는 말 그대로 부트스트랩 강좌라서 너무 커스텀한 css를 이용하면 또 강의 주제와 맞지 않을 수 있습니다. 사실 몇 몇 프로젝트에서는 커스텀한 css 사용이 많거나 불필요하다는 비판도 받고 있습니다. 그래서 부트스트랩을 어느 정도 공부하게 되면, 부트스트랩 클래스가 일반적인 css에서 이런 개념과 이유로 작성되었다는 것을 이해하게 되고, 결국에는 부트스트랩을 넘어서 스스로 css를 만들어 나갈 수 있으리라 생각합니다. 장자가 말하길 물고기를 잡으면 그 통발그물은 버려야 한다는 것과 동일합니다. 저도 그렇고 spya 님도 그렇고 나중에는 부트스트랩을 완전히 이해한 후에는 부트스트랩에 구애받지 않고 스스로 웹디자인을 잘 할 수 있길 기대합니다. 3. 부트스트랩 여러 버전과 템플릿을 활용한 웹페이지 제작 과정은 이미 생각해본 적이 있는데요... 다만, 일종의 저작권 이슈 때문에 조심스럽습니다. 사실 첫번째 원페이지 웹사이트도 어떤 템플릿을 보고 코딩은 완전히 새롭게 제가 만든 것이거든요. 그 디자이너의 코드를 그대로 또는 일부만 조금 고쳐서 나의 동영상을 만들게 되면 법적이든 양심적이든 문제가 생길 것 같습니다. 그리고 제가 다른 웹개발자를 함부로 품평할 상당한 위치에 있지는 못합니다. 현재 워드프레스 테마 코딩 강의를 준비중이고(약 2/3정도 진행), 그 후에는 자바스크립트 관련 강의를 해볼까 생각중인데요.. 제가 좀 한가해지면 꼭 지금 이 강좌에 새로운 부트스트랩 프로젝트, 아니면 작은 스케일로 부트스트랩 업데이트 강의를 추가할 생각입니다. 그 때 이상의 요청부분을 최대한 반영해서 좀 더 잘 만들어 보도록 할게요. 다시 한번 감사드립니다~

부트스트랩 5(Bootstrap 5) - 기초부터 웹 프로젝트 만들기 썸네일
Self-coding

·

84강

·

469명 수강

부트스트랩 5(Bootstrap 5) - 기초부터 웹 프로젝트 만들기 썸네일
Self-coding

·

84강

·

469명 수강