일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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
- 머신러닝
- 데이터시각화
- 핵심프로젝트
- 코딩테스트
- 선형분류모델
- 요구사항확인
- 정보처리기사실기
- 언리얼프로젝트
- 데이터베이스
- 자바
- 딥러닝
- html/css
- JSP/Servlet
- C++
- 선형회귀모델
- 정보처리기사필기
- 텍스트마이닝
- 디버깅
- Orange
- 중학수학
- 이수증
- c언어
- 파이썬
- numpy/pandas
- 자바 실습
- Today
- Total
목록웹 · 앱 개발 (128)
클라이언트/ 서버/ 엔지니어 " 게임 개발자"를 향한 매일의 공부일지
첫번째 단원을 학습하는데 시간이 너무 많이 걸려서 이 부분은 최대한 빠르게 진행해보려고 한다. 앞에서 font-family 속성으로 글꼴을 지정할 때 글꼴이 아닌 경우를 대비해 다른 글꼴을 지정했다. 하지만 웹 폰트를 사용하면 사용자 시스템에 없는 글꼴도 사용할 수 있다. 1. 웹 폰트란?사용자 시스템에 없는 글꼴을 다른 글꼴로 대체하는 것이 아니라 그대로 보여주려면 어떻게 해야 할까? 이전에는 포토샵 같은 프로그램에서 원하는 글꼴을 이용해 텍스트를 이미지로 저장한 뒤 웹 문서에 넣어 사용했다. 하지만 CSS3가 웹 폰트를 표준으로 채택한 덕분에 이런 번거러운 작업은 하지 않아도 된다.웹 폰트를 사용하려면 웹 문서를 작성할 때 글꼴 정보를 함께 저장해야 한다. 즉, 기존에 가지고 있던 웹 폰트를 사..
이제 드디어 새로운 단원에 들어갔다. 먼저 글꼴 관련 스타일과 웹 폰트에 대해서 학습해보기로 하자. 오늘은 일기를 쓸 게 좀 많아서 아침 공부가 평소보다 많이 늦어졌다. 늦어도 오후 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: 속성값; } 여러 개의 속성값을 사용할 수 있다. 스타일 규칙을 작성하는 방법 여러 줄과 한 줄에 표시하는 방법이 있는데 속성이 여러 개일 경우 여러 줄로 표시하는 것이 보기에 좋다. 스타일 주석을 표기하는 방법 한 줄 또는 여러 줄의 주석..