일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- pandas
- 선형회귀모델
- 요구사항확인
- 딥러닝
- 데이터시각화
- 머신러닝
- 자바 실습
- 언리얼프로젝트
- C++
- numpy/pandas
- 디버깅
- Orange
- 텍스트마이닝
- JSP/Servlet
- 자연수의성질
- 파이썬
- 언리얼학습
- 데이터분석
- 정보처리기사실기
- 데이터베이스
- html/css
- 코딩테스트
- c언어
- 핵심프로젝트
- 데이터입출력구현
- 이수증
- 자바
- 선형분류모델
- 정보처리기사필기
- 중학수학
- Today
- Total
목록html/css (68)
클라이언트/ 서버/ 엔지니어 " 게임 개발자"를 향한 매일의 공부일지
이제 드디어 새로운 단원에 들어갔다. 먼저 글꼴 관련 스타일과 웹 폰트에 대해서 학습해보기로 하자. 오늘은 일기를 쓸 게 좀 많아서 아침 공부가 평소보다 많이 늦어졌다. 늦어도 오후 2시까지는 CSS 속성 관련 공부를 다 마치려고 한다. 텍스트 스타일은 사용하는 글자의 모양새를 지정하는 글꼴 스타일과 웹 문서에 표시되는 텍스트를 지정하는 문단 스타일이 있다. " data-ke-type="html">HTML 삽입미리보기할 수 없는 소스 1. 글꼴을 지정하는 font-family 속성 태그를 비롯해 , 처럼 텍스트를 사용하는 요소에서 주로 사용한다. 웹 문서에서 지정한 글꼴이 사용자 시스템에 설치되어 있지 않다면 웹 문서에서 의도한 글꼴이 아닌 글꼴로 표시된다. 따라서 글꼴을 지정할 때는 만약 ..
보호되어 있는 글입니다.
이제 드디어 단원을 마무리할 때가 되었다. CSS 첫번째 단원 학습인데 아직 갈 길이 멀다. 하루종일 해도 한 단원도 끝내기 어려운데 CSS를 하루나 이틀만에 다 마치겠다고 계획했으니.. 무엇이든 너무 빨리 배우는 것보다 천천히 생각하고 고민하며 학습하는 것이 더 좋은 것 같다. 단원 한눈에 정리하기 연습문제 풀기문제 1번 문제로 제공된 코드는 이렇게 되어 있다. 이건 내부 스타일 시트를 적용한 것이고 이제 외부 스타일 시트를 연결해야 한다. CSS 파일 HTML 파일 결과 화면 문제 2번 첫번째 도전 완전 반대로 적용이 되었다. 제목에 배경색이 적용되어야 하는데.. 다시 풀어보자! 두번째 도전 h1에 파란색 배경이 입혀지지 않아 고민을 정말 많이..
이제 두 단원만 학습하면 1주차 과정을 마치게 된다. 1주차 분량이 얼마나 많던지.. 그래도 이제 끝이 보인다. 바로 학습을 이어가도록 하자. 책으로만 하는 것보다 훨씬 더 많은 도움이 되고 있다. 이론 8 - 캐스케이딩 원본을 덮어씌울 때 캐스케이딩을 사용하곤 한다. 실습 9 - CSS 캐스케이딩 기본 실습해보기1. 순서에 의한 캐스케이딩 나중에 작성된 것이 우선하여 파란색으로 변경되었다. 2. 디테일에 따른 캐스케이딩 디테일하게 명시한 것이 우선순위가 더 먼저이다. 이때 이 둘의 순서를 바꾸어도 동일한 결과가 나타난다. 3. 선택자에 의한 캐스케이딩1) 클래스와 type 비교 클래스 선택자의 우선순위가 높기에 노란색 컬러가 적용되었다. 2) 클래스..
공부하는 게 정말 재미있다. 지난주에도 열심히 공부할걸 정말 많이 후회가 된다. 거의 2주내내 놀기만 했는데 그런 시간을 통해서 나를 돌아보며 마음을 새롭게 다질 수 있었다.이제 부모 자식 관계에 대해서 학습해볼 것이다. 책에서는 짧게 몇 줄로 나와있는 부분인데 더 깊게 다루어볼 수 있을 것 같다. 이론 7 - 부모 자식 관계 부모에게서 상속 받았으므로 자식도 모두 빨간색으로 표시된다. 하지만 자식인 자신이 우선하기 때문에 h1과 p가 각각 다른 색으로 바뀐다. 해더와 푸터에 동일한 태그를 사용했는데, 해더 안에만 h1, p 태그의 색상이 지정되기를 바랄 때 다음과 같이 할 수 있다. h1과 p가 누구의 자식인지 표시하기 위해 앞에 이름을 지정해준다.따라서 부모를 먼저 쓰고 자식을 그 다음에 ..
CSS 선택자에 대해서 조금 전에 책으로 학습했지만 좀더 심화적인 내용을 공부하며 복습해보기로 하자. 이론 6 - CSS 선택자 타입은 태그를, 클래스는 태그 별명을, ID는 태그의 이름이라고 보면 된다. 실습 7 - CSS 선택자CSS 선택자에는 3가지 유형이 있다. 기본 내용 실습해보기 1. Type 선택자 : 태그를 지정한다 2. Class 선택자 : 별명을 지정한다자신이 짓고 싶은 별명으로 만들어주면 된다. 3. ID 선택자 : 태그에 이름을 부여한다 본 문제 풀어보기 처음에 ID를 잘못 써서 다시 고쳐서 풀었다. ID에서 D는 소문자였다. 노란색이라서 잘 눈에 띄지 않았나보다. 책으로 공부할 때는 잘 알지 못했던 부분을 이 학습을 통해 확실히 ..
보호되어 있는 글입니다.
CSS 수업 때 선택자에 대해서 수없이 들어보았으나 어떻게 사용하는지는 거의 감을 잡지 못했다. 하지만 단 1시간 학습을 함으로 이 개념을 확실히 배울 수 있었다. 그러면서 난 역시 필기하면서 책과 함께 직접 실습하고 스스로 문제를 푸는 과정 속에서 많이 성장한다는 걸 느꼈다.내가 언제 공부가 하기 싫은지 생각해보면 눈으로만 학습하고 있거나 과정이 너무 어려워서 무슨 말인지 알아들을 수 없을 때였다. 요즘 수업이 그러했다. 도무지 따라갈 수 없을만큼 벅찼고 어디서부터 시작해야 할지 알 수 없었다. 이제 난 다시 마음을 잡고 공부에 집중하고 있다. 공부가 너무나 재미있어서 손에서 놓을 수 없을 정도이다. 다시 잡은 이 마음을 다시는 놓치고 싶지 않다. 이번 단원에서는 스타일 규칙을 태그뿐 아니라 웹 문서..
이젠 본격적으로 CSS 세계로 들어오게 되었다. CSS 수업 부터는 무척 어려워서 무슨 말인지 잘 알아듣지도 못했고 수업을 잘 따라가지 못했다. 다시 책과 함께 학습해볼 수 있어서 정말 좋다. 왜 진작 공부하지 않았는지 후회가 된다.지금이라도 정신을 바짝 차려서 남은 인사교 4달 동안 정말 열심히 공부해보려고 한다. " data-ke-type="html">HTML 삽입미리보기할 수 없는 소스 1. 스타일 형식 알아보기선택자 { 속성1: 속성값1; 속성2: 속성값; } 여러 개의 속성값을 사용할 수 있다. 스타일 규칙을 작성하는 방법 여러 줄과 한 줄에 표시하는 방법이 있는데 속성이 여러 개일 경우 여러 줄로 표시하는 것이 보기에 좋다. 스타일 주석을 표기하는 방법 한 줄 또는 여러 줄의 주석..
이제 책과 강의 영상을 시청하며 CSS 공부를 본격적으로 해볼 것이다. 엘리스도 아주 조금 맛보기로 학습을 진행했는데 얼마 안 되는 부분이었지만 1시간 넘게 걸렸다. 어제 내가 세운 학습 계획이 얼마나 무리한 일정이었는지 알 것 같다. 이런 식이면 주말 내내 공부를 해도 절반을 끝내기도 어려울 듯하다.이 단원에서는 CSS를 어떻게 표현하는지 기초적인 내용부터 학습하게 될 것이다. HTML은 텍스트나 이미지, 표 같은 요소를 웹 문서에 넣어 뼈대를 만드는 역할을 한다. CSS는 텍스트나 이미지, 배경의 크기나 배치 방법 등의 요소를 이용하여 디자인을 담당한다. 왜 스타일을 사용할까?스타일이란 글꼴이나 색상, 정렬, 각 요소의 배치 방법과 같이 문서의 겉모습을 결정짓는 것을 가리킨다. 내용은 건드리지..