일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | |
7 | 8 | 9 | 10 | 11 | 12 | 13 |
14 | 15 | 16 | 17 | 18 | 19 | 20 |
21 | 22 | 23 | 24 | 25 | 26 | 27 |
28 | 29 | 30 | 31 |
- C
- character
- ANIMATION
- modeling
- blueprint
- iclone
- 마야
- autodesk
- ue5
- 프로그래밍
- 개발블로그
- coding
- Programming
- cc4
- visualstudio
- animating
- UE
- 언리얼엔진
- 3d
- reallusion
- maya
- 3dmodeling
- 씨플플
- Costume
- unreal
- c++
- UnrealEngine
- charactercreator
- 애니메이팅
- C언어
- Today
- Total
목록WEB/HTML & CSS (22)
개발나라 스용공주
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/bcTQtQ/btsIaGdYWG8/CUw86hmKGF3BjWWJm0zDYK/img.png)
이번 글은 아래 강의 내용을 바탕으로 작성되었습니다.(생활코딩)https://youtube.com/watch?v=MLjCVUspcDo&t=516s [ F12로 검사하기 ]F12를 누르면 아래 사진과 같이 검사를 하는 부분이 뜨게 되는데 여기에서 Style 부분을 보게 되면 해당 태그가 어떤 css로 구성되어져 있는지 나타나있다. 그리고 그 밑을 보면 margin, border, padding, contents가 각 몇 픽셀로 구성되어져 있는지 나오게 된다.마우스 커서를 올리게 되면 해당 영역을 보여준다.
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/KNZGG/btsH9YTHwqs/FhGMEz8lwZ4pQh2hmryOC0/img.png)
이번 글은 아래 강의 내용을 바탕으로 작성되었습니다.(생활코딩)https://www.youtube.com/watch?v=MLjCVUspcDo&list=PLuHgQVnccGMAnWgUYiAW2cTzSBywFO75B&index=8 [ 박스 모델 ]박스 모델을 사용하여 해당 문자가 얼마만큼의 공간을 차지하고 있는지 확인할 수 있다.border-width : 선 두께border-color : 선 색상border-style : 선 모양아래 코드와 결과를 보면 태그는 화면 전체를 차지한다는 것을 확인할 수 있다.* 이렇게 화면 전체를 차지하는 것을 block level element이라고 부른다. Youtuber Youtube Contents 반면 아래 코드와 같이..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/d2OP8S/btsH8GEWVsw/SdX43RV9KVUpQ3Qr65pv3K/img.png)
이번 글은 아래 강의를 바탕으로 작성되었습니다.(생활코딩)https://www.youtube.com/watch?v=8-rCMmamtDE&list=PLuHgQVnccGMAnWgUYiAW2cTzSBywFO75B&index=7 [ css 그룹화하기 ]아래 사진과 같이 두개의 부분에 빨간글씨를 적용하고 싶다면 아래 코드와 같이 하나하나 적용해줄 수도 있다.하지만 그렇게되면 같은 내용을 중복하여 작성해주고 있으므로 비효율적이다. Youtube Contents 그렇다면 아래 코드와 같이 클래스로 묶어서 안에 css를 작성하여 한번에 적용시킬 수 있다. Youtuber Youtube Contents Introducing ..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/NCQqR/btsH65drjn5/XgNWKZq90mu8i3kdVkVN6K/img.png)
이번 강의는 아래 강의를 바탕으로 작성되었습니다.(생활코딩)https://www.youtube.com/watch?v=L41Zjl7XANI&list=PLuHgQVnccGMAnWgUYiAW2cTzSBywFO75B&index=4 [ 안에 css를 작성해줘야한다.html은 정보전달이라면 css는 디자인에만 집중된 언어이다.css를 통해 디자인을 하는 것이 html로 디자인하는 것보다 훨씬 효율적이다. 아래 코드를 보면 에 Youtuber Youtube Contents Introducing My Youtube Contents Vietnam Danang Vlog -> Link css는 이렇게 h1 즉, 제목을 나타내는 곳들은..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/rTNOs/btsH6yG3xT7/ZuDsPm8LAnlk1fIYEK45E0/img.png)
이번 글은 아래 강의를 바탕으로 작성하였습니다.(생활코딩)https://www.youtube.com/watch?v=7T7r_oSp0SE&list=PLuHgQVnccGMDZP7FJ_ZsUrdCGH68ppvPb&index=24 [ 유튜브 동영상 바로가기 ]아래 사진과 같이 영상 실행버튼을 실행하면 별도의 창 생성 없이 해당 창에서 바로 실행되는 것을 만들어 볼 것이다. 먼저 유튜브에서 영상을 하나 선택한 뒤 '공유' 버튼을 누르면 아래와 같이 뜬다. 퍼가기를 누르면 아래 사진처럼 태그의 소스코드가 뜨게 된다.이 코드들을 복사해서 붙여넣어준다. Youtuber Youtube Contents Introducing My Youtube Contents ..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/cjLANR/btsH4glR9bd/VCxXFnlhuIJMNy2uA1Uzl0/img.png)
이 글은 아래 강의 내용을 바탕으로 작성되었습니다.(생활코딩)https://www.youtube.com/watch?v=V3pkC1hE-as&list=PLuHgQVnccGMDZP7FJ_ZsUrdCGH68ppvPb&index=14 [ 링크 걸기 ] : auchor, 배가 정박할 때 사용되는 닻 = 링크href : Hypertext의 'h'와 reference의 'ref'를 딴 것 Youtube Contents Introducing My Youtube This is my YOUTUBE CHANNEL 'THAPHA'! Your subscription will give me some energy! [ 링크 이동 시 새탭 열기 ]태그 안에 hre..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/zfB6b/btsH3pcCF7d/2g2gSHolXfiZMKjORT9yxK/img.png)
이 글은 아래 강의를 바탕으로 작성하였습니다.(생활코딩)https://www.youtube.com/watch?v=sVt5nyz3Gdo&list=PLuHgQVnccGMDZP7FJ_ZsUrdCGH68ppvPb&index=13 [ HTML 기본 구조 ]html은 기본적으로 아래와 같은 형태로 이루어져있다. [ 기본 구조의 태그 설명 ] * html의 모든 태그들은 Youtube Contents Introducing My Youtube This is my YOUTUBE CHANNEL 'THAPHA'! Your subscription will give me some energy!
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/bQJ9XT/btsH3qoY2WD/seFvUbTdfRikG9o34zy1P0/img.png)
이 글은 아래 강의를 바탕으로 작성되었습니다.(생활코딩)https://www.youtube.com/watch?v=aUtnyev_1vg&list=PLuHgQVnccGMDZP7FJ_ZsUrdCGH68ppvPb&index=12 [ 목차 생성하기 ]아래 코드와 같이 를 사용하여 목차를 생성해줄 수 있다.는 목차인 list의 줄임말이다.1. Youtube2. ContentsIntroducing My YoutubeThis is my YOUTUBE CHANNEL 'THAPHA'!Your subscription will give me some energy! 그런데 만약 아래 코드와 같이 구독자 명단이 누구있는지도 작성하게 된다면 유튜브 소개 목차와 구독자 명단 목차가 겹쳐지게 된다.1. Youtube2. Cont..