혼자 할때는 그렇게 해도 기능이 돌아가는데에는 문제가 없지만 실제 업무에서는 남이 알아볼수 없는 의미로 지으면 서로 곤란해지겠죠..ㅋㅋ id와 클래스는 실무자가 바로바로 짓는 경우도 있고, 회사에서 문서에 정해놓기도 합니다. 무슨기능을 하는지를 이름을 지어주는게 좋습니다. 물론 매번 생각하는게 골치 아프긴 하지만..
안녕하세요~! 올려주신 영상보고 혼자서 공부하고 있는 구독자입니다~ 제가 타모디자인님 영상을 보면서 혼자 학교 과제를 하고 있는데, 두번째 페이지에서 막혀서 영 진도가 나가지 않네요 ㅠㅠ 이것저것 영상을 찾아보며 해결책을 알아보고 있지만, 일주일넘게 제자리에 있습니다 혹시나 제 댓글을 보신다면, 타모디자인님 이메일 주소로 질문을 몇개 남겨도 될까요? 제 주위에는 html,css를 하실 수 있는 분이 없어 질문할 곳이 없어서요 ㅠㅠ
조금더 구체적으로 설명해주실수 있을까요? 스타일 태그 안에있는 글씨색이라면.. 코드 에디터에서 구분해주는 색을 말씀하시는걸까요? 일단 저와같은 vs code를 쓰신다면 html파일이 저장이 되어있어야 하고 그래도 안나오면 플러그인을 설치해야 합니다. 아니면 상황을 캡쳐하신뒤 메일한번 보내주세용 ㅎㅎ
우선 가장 흔한 이유는 language를 korean으로 선언함으로써 브라우저 내에서 한글 깨짐을 방지하구요, 웹 접근성 측면에서는 시각장애인용 리더기 사용시 정상동작 할수 있도록 언어를 정확히 정의해주어야 합니다. 또한 lang이라는 속성을 꼭 html태그가 아닌 다른 태그들에게 각각 지정해줄수가 있는데요, 이때는 lang속성의 값(ko냐 jp냐 en이냐...등등)에 따라서 서로다른 기능이나 css를 적용할때 분리해서 사용할수가 있네요. 저도 요건 오늘 처음 알았어요 ㅎㅎㅎ
아~ 수기로 직접 작성한건데요 영상을 빠르게 돌려서 그렇게 보인듯 합니다 코드를 아래로 똑같이 복사하시려면 복사하실 코드에 커서를 두시고, 쉬프트 알트 아래방향키 누르시면 고대로 아래로 복사가 됩니다. 집어주신 영상 타임라인에서라면 복사를 척척척 하고 h뒤의 숫자만 123 바꿔주면 되겠죠?
윈도우에서 명령 프롬프트라고 검은 도스창(?) 같은것 보신적 있으실거에요.. 컴퓨터에다가 보통 이것저것 명령어로 명령할때 사용하는데요... html을 넘어서 실제 개발환경 세팅을 하고 실개발에 들어가게 되면 쓰게 됩니다... 따로 켤 필요 없이 vs코드에 기능이 내장되어 있어요. 그냥 궁금하시면 강좌중에 git 배우는 강좌에서 사용하는 화면을 보실수 있습니다~
복사 붙여넣기의 단축키는 ctrl c / ctrl v 인것은 아마 아실것 같고.. 단순 '한줄 복사' 는 해당 줄에서 커서만 놓인채로 ctrl+c를 해주시면 되구요 위나 아래로 복사하기는 해당 줄에서 alt+shift+위아래 방향키로 복사할수 있습니다. 요게 맞는지 모르겠네요~ㅎㅎ
![[타모디자인] 30분만에 html/css 기초 적응하기 [2/2]](http://i.ytimg.com/vi/9hUdOaboQVE/mqdefault.jpg)
![[타모디자인] 30분만에 html/css 기초 적응하기 [2/2]](/img/tr.png)
![[웹개발 입문] HTML 핵심만 배우기](http://i.ytimg.com/vi/rgI930gqdaY/mqdefault.jpg)
![웹디자인&퍼블리싱 움직이는 웹모션코딩 애니메이션효과 트랜지션 /* transition */ - [코딩하는남자{코남}]](/img/n.gif)
이분 진짜 무슨 친한친구가 가르쳐주는것처럼 귀에 쏙쏙들어오네요! 속도, 목소리 완벽하심 ㅜㅜ
목소리에 묘한 매력이 있네요. 강의 잘 들었습니다.
디자인툴 공부하다가 html css 문법이 진짜 가물가물해서 복습하러 왔어요! 감사합니당👍🏼
퍼블리싱 배우러 와서 ASMR 잘 듣고 가는 채널.
감사합니다.
사랑해요 설명 너무 깔끔해요 어도비 기초강의보면 자기혼자 휙휙해버리던데 여긴 이해가 너무 잘돼요 감사합니다 ㅠㅠㅠ
강의 너무 설명 잘하셨는데 빨리감기로 보기도 쉽게 되어있고 강의 댓글이 없는 게 마음이 아프네요..
목소리 너무 좋아요. 강의는 물론 기본 좋고요!
요즘 css 배우고있는데 블록이랑 인라인요소가 헷갈리더라고요강의 잘보겟습니다.감사합니다.
1:12 vs code 다운로드
1:37 시작
2:16 기본세팅
3:07 인라인/블록태그 차이점
4:21 div 이름지어주기(class)
4:57 css
7:07 목록태그(ul,li)
7:44 from, input
10:56 div 버튼 터치하기
12:47 img, 링크넣기
정리해주셔서 감사합니다~!
Style 태그를 바디 태그 안에 넣는 이유가 따로 있나요?? 학교에서는 헤드태그 안에 넣는 걸로 배워서요ㅠㅠ
4:32코딩에서 _ 언더바는 어떤 역할을 하나요?
안녕하세요 영상 너무 잘 봤습니다! 질문이 하나 있는데 예를 들어 block 1에서 block 2로 넘어갈 때 전에 열 복붙은 어떻게 하시는건가요?
깔끔하고 군더더기없는 강의영상 감사합니다..(뭔가 홍보글 말투같지만..아님..)
언제 봐도 너무 유익하네요!
추가적으로 어떻게 하면 생산성이 증대되는지 알려주시면 더 좋을 것 같습니다! :)
감사합니다! :()
좋은 컨텐츠 아이디어 감사합니다!
강좌위주로 하다보니 컨텐츠 한계에 부딪힌 상태인데, 생산성에 대한 주제 너무 좋은거같아요
가끔 구독자님들이 댓글로 소재 던져 주셔서 감사할 따름입니당. ㅎㅎ
좋은강의 정말감사합니다!
질문하나 드려도 될까요??
클래스를 이름짓는거라고 생각하셔도 된다고 했는데
그럼 ex)
와 같이 그냥 저만 알아볼슈있도록 네이밍 해도 상관없다는 의미일까요?
혼자 할때는 그렇게 해도 기능이 돌아가는데에는 문제가 없지만
실제 업무에서는 남이 알아볼수 없는 의미로 지으면 서로 곤란해지겠죠..ㅋㅋ
id와 클래스는 실무자가 바로바로 짓는 경우도 있고, 회사에서 문서에 정해놓기도 합니다.
무슨기능을 하는지를 이름을 지어주는게 좋습니다. 물론 매번 생각하는게 골치 아프긴 하지만..
부트캠프 수강중인데 복습할 시간 줄어드는거 같아요 잘 보겠습니다 ㅎㅎ
고마워용
잘 봤습니다^^ 감사합니다.
안녕하세요~! 올려주신 영상보고 혼자서 공부하고 있는 구독자입니다~
제가 타모디자인님 영상을 보면서 혼자 학교 과제를 하고 있는데, 두번째 페이지에서 막혀서 영 진도가 나가지 않네요 ㅠㅠ
이것저것 영상을 찾아보며 해결책을 알아보고 있지만, 일주일넘게 제자리에 있습니다
혹시나 제 댓글을 보신다면, 타모디자인님 이메일 주소로 질문을 몇개 남겨도 될까요?
제 주위에는 html,css를 하실 수 있는 분이 없어 질문할 곳이 없어서요 ㅠㅠ
넵 이메일 주세요~ 이왕이면 문제랑 소스코드도 폴더째로 압축해서 보내주시면 좀더 빠를듯해요
@@tamo7321 감사합니다 ㅠㅠ 지메일로 질문 보냈습니다 :)
@@_whitenight1360 답변 드렸습니다 이메일 확인해 보시면 됩니다.
@@tamo7321 정말 감사합니다 ^^
감사합니다 너무 재밌게 배웠네요 😀
안녕하세요!!같은 비주얼스튜디오코드 쓰면서 따라해보고있는데 똑같이 했는데도 이미지불러오기랑 색입히는게 저장을 눌러도 적용이 안되는데 어떻게 해결해야할까요ㅠㅠ
ㅠㅠ너무좋아요............
style 태그가 head 가 아닌 body 에 들어가도 상관 없나요?
최곤데요 정리왕이심
안녕하세요 질문이 있습니다. 저도 태그를 쓰면 자동으로 닫히는 태그가 생성되는데
기존 c 프로그램을 할땐 tab을 누르면 자동생성되는 단어 뒤로 커서가 이동했는데 여기서는 그게 안되고 공백만 생깁니다 ㅜㅜ
단어 뒤로 커서 옮기는 키? 는 뭐 사용하시나요 ㅜㅜ
vs코드 내에서 단어단위로 옮길때는 커맨드+오른쪽 방향키 또는 컨트롤+오른쪽 방향키 쓰시면 될거에요. ㅎㅎ 탭쓰면 들여쓰기로 인식해서 띄어쓰기처럼 보이는것 같네요
처음 배우는데 자세한 설명감사해요!
lang="ko"넣어도 웹에서 한글이 깨지는데 이유가 뭘까요??
안녕하세요 혹시 스타일 태그 안에 있는 문장들에 글씨 색깔은 어떻게 설정해야 하나요?? 저는 흰색밖에 안나와서요
조금더 구체적으로 설명해주실수 있을까요?
스타일 태그 안에있는 글씨색이라면..
코드 에디터에서 구분해주는 색을 말씀하시는걸까요? 일단 저와같은 vs code를 쓰신다면
html파일이 저장이 되어있어야 하고
그래도 안나오면 플러그인을 설치해야 합니다.
아니면 상황을 캡쳐하신뒤 메일한번 보내주세용 ㅎㅎ
감사합니다 잘봤어여 ㅎ
html태그 안에 lang="ko"는 왜 넣으시는건가요?
우선 가장 흔한 이유는 language를 korean으로 선언함으로써 브라우저 내에서 한글 깨짐을 방지하구요,
웹 접근성 측면에서는 시각장애인용 리더기 사용시 정상동작 할수 있도록 언어를 정확히 정의해주어야 합니다.
또한 lang이라는 속성을 꼭 html태그가 아닌 다른 태그들에게 각각 지정해줄수가 있는데요,
이때는 lang속성의 값(ko냐 jp냐 en이냐...등등)에 따라서
서로다른 기능이나 css를 적용할때 분리해서 사용할수가 있네요.
저도 요건 오늘 처음 알았어요 ㅎㅎㅎ
@@tamo7321 아하 친절하고 자세한 답변 갑사합니당
blockTag > div{}이거랑
blockTag div{} 이거랑 차이점이 뭔지 알 수 있을까요?
블록태그 > div는, 블록태그의 바로 안에있는 직접적 자식요소들만 선택이 되는 반면
블록태그 div는 그 블록태그 안에있는 모든 div가 선택이 됩니다. 그 안의 자식 그 안의 자식 그 안의 자식도 모두 선택됩니다.
쉽게 말해서 아버지 1이 자기 자식에게만 밥을 주는거랑, 자기 자식의 자식인 손주와 손주의 자식까지 모두 밥을 주는것의 차이가 있습니다.
7:00 여기서 치고 밑에 내려가는데 바로 순서대로 어떻게 내려가나요 ?
아~ 수기로 직접 작성한건데요
영상을 빠르게 돌려서 그렇게 보인듯 합니다
코드를 아래로 똑같이 복사하시려면
복사하실 코드에 커서를 두시고,
쉬프트 알트 아래방향키 누르시면
고대로 아래로 복사가 됩니다.
집어주신 영상 타임라인에서라면
복사를 척척척 하고 h뒤의 숫자만 123 바꿔주면 되겠죠?
비주얼 스튜디오 코드를 깔았는데 한국어로 변경 가능한 곳이 어딘지 알 수 있을까요??ㅠㅠㅠㅠ
6:18 부분에서 span을 넣었더니 화면처럼 안되고 아무것도 없던 것처럼 되네요ㅠ
4:06 오른쪽 화면처럼 코드 입력하면 바로바로 홈페이지가 만들어지는 기능 어떻게 하나요?
아~ 저는 맥에서 화면분할 기능을 쓴거예요. 왼쪽은 vs code 에디터구요 우측은 그냥 웹 브라우저가 맞습니다. 윈도우 사용하신다면 윈도우 화면분할 검색 한번 해보세요~ 윈도우에도 기능이 있는데 오히려 더 잘되있는것 같더라구요.
@@tamo7321 감사합니나 선생님!
감사합니다ㅜㅜㅜㅜㅜ 디자인전공하면서 코딩배우고 있는데 과제하다가 막혔는데 영상보고 해결됐어욥 🥲
0:55 터미널이 달려잇다고하시는데 터미널이 뭐에여??
윈도우에서 명령 프롬프트라고 검은 도스창(?) 같은것 보신적 있으실거에요..
컴퓨터에다가 보통 이것저것 명령어로 명령할때 사용하는데요...
html을 넘어서 실제 개발환경 세팅을 하고 실개발에 들어가게 되면 쓰게 됩니다...
따로 켤 필요 없이 vs코드에 기능이 내장되어 있어요.
그냥 궁금하시면 강좌중에 git 배우는 강좌에서 사용하는 화면을 보실수 있습니다~
@@tamo7321 그럼 터미널이라는 것은 컴퓨터에게 명령 내릴때 사용하는 명령어 입력 도구??프로그램? 인가요??
쉽게 알려주셔서 잘 배웠습니다! 이미지 경로를 아무리 확인해봐도 맞는데,, 이미지가 안뜨는 이유는 뭘까요 ( ˃̣̣̥᷄⌓˂̣̣̥᷅ )ㅠ
이미지가 아예 안나오는것은 영역문제일수 있지만, 깨진 아이콘으로 나온다면 경로문제가 맞을것 같아요.
해결이 안되셨다면 프로젝트 폴더째로 압축하셔서 압축파일을 leeh3097@gmail.com으로 이메일 하나 보내주세요~ㅎㅎ
확인해보고 회신 드리겠슴당..
안녕하세요 바로 복사 붙여넣기도 따로 설정해줘야 하는건가요? 아님 단축키가 따로 있나요?
복사 붙여넣기의 단축키는 ctrl c / ctrl v 인것은 아마 아실것 같고..
단순 '한줄 복사' 는 해당 줄에서 커서만 놓인채로 ctrl+c를 해주시면 되구요
위나 아래로 복사하기는 해당 줄에서 alt+shift+위아래 방향키로 복사할수 있습니다.
요게 맞는지 모르겠네요~ㅎㅎ
저 복사랑 붙여넣기 단축키 알려주시면 안될까용 ㅠ^ㅠ
12:59