Programming/HTML,CSS(25)
-
생활코딩 css 공부하기3
생활코딩에서 layout관련 css를 공부하였다. 2020.03.02 오늘은 생활코딩을 보며 layout관련 css를 공부했다. 레이아웃이란 구획을 나누고 적절히 배치하는 것을 의미한다. inline방식과 blocklevel방식이 있다. inline은 한줄에 여러개 표시될 수 있고 blocklevel은 한줄에 하나씩 밖에 못 온다. 태그마다 합리적으로 결정되어있다. padding은 테두리 안 간격을 조정한다. margin은 다른 엘리멘트(태그)테두리간의 간격을 조정한다. inline방식에서는 width와 height를 무시한다. css에서 굉장히 중요한 주제이다. 태그의 부피감을 결정한다. 어떤 엘리먼트의 크기를 지정하는 일을 한다. width는 값이 일정하다. 하지만 border값에 따라 크기가 커진다..
2020.03.02 -
생활코딩 css 공부하기2
생활코딩 강의를 보며 css속성을 공부하였다. 2020.03.01 코로나 때문에 못나간지 일주일째 몸이 허약해지는 것 같다. 그래서 잠깐 커피 마시러 나갔다. 무서웠지만 그래도 바깥 공기 쐬서 좋았다. 오늘은 css의 속성을 공부했다. css 속성을 공부할때는 가장 많이 쓰는 순으로 공부해야한다고한다. font-size가 가장 많이 쓰이는 속성이다. 글자크기를 바꾼다. 오늘날에는 rem을 쓰면 된다. 색을 바꾸는 속성이다. 3가지 방식이 있는데 3중에 아무거나 쓰면된다. 컬러를 알 수 있는 사이트 정렬방식이다. 쉽다. font는 글꼴을 의미한다. 자세히 들어가면 조금 복잡하다. 자주쓰이는 폰트를 알려주는 사이트 국내 폰트 사이트 한국어는 용량이 굉장히 큰편이다. 구글에서 지원하는 웹폰트 사이트 폰트의 코..
2020.03.01 -
생활코딩 css 공부하기1
css를 생활코딩을 보며 공부하였다. 2020.02.29 오늘은 생활코딩에서 css강의를 처음 들었다. css의 간단한 소개와, 실습환경, html과 만나는 방법 등을 배웠다. 오늘 이웃분 중 한분이 실습한 코드도 첨부하여 글을 쓰면 사람들이 보기에 더 좋을 것 같다고 하셨다. 실천해보려다가 생활코딩 강의 밑에도 예제코드가 잘 되있다는 것을 발견했다. 그래서 그냥 내가 공부한 캡쳐화면만 올려도 충분할 것 같다. 강의 중 한 장면인데 확실히 따로 하는 것이 효율적인 것 같다. 처음에는 여러가지방법으로 html 에 css를 첨가했다. 다양한 선택자들이 있다. 실습을 여러가지 해봤다. 가상 선택자에 대해서도 배웠다. 오늘의 메모장 2020.02.29 css의 소개 웹페이지를 꾸며주는 언어이다. html이 없으..
2020.02.29 -
생활코딩 html 공부하기7
생활코딩 html강의를 다 들었다. 2020.02.28 오늘은 생활코딩 html강의를 다 들었다. html관련 강의는 또 있지만 내가 듣는 부분의 강의를 다 들어서 뿌듯했다. iframe이라고 다른 사이트를 나의 사이트에 가지고 오는 태그를 공부했다. 보안에 취약하게 될 수 있어서 잘 모른다면 안쓰는게 좋다고한다. 그리고 html5의 새롭게 지원되는 기능들과 입력값을 체크하는 속성들을 공부했다. 들으면 나중에 도움이 될 것 같다. 요즘 많이 쓰는 태그를 찾아주는 사이트를 알려주었다. 나중에 도움이 많이 될 듯하다. 원래 일주일 잡고 공부한 강의 였는데 블로그 체험단, 친구 약속 등의 핑계로 3주정도 걸렸다. 코로나가 사람을 집에 있게 만들고 심심하니깐 공부하게 시키는 것 같다. 개강도 미뤄져서 공부를 더..
2020.02.29 -
생활코딩 html 공부하기6
생활코딩에서 구글 검색엔진을 공부했다. 2020.02.27 오늘은 나눠서 공부하기를 실천했다. 한번에 할려고 하면 안되기 때문에 여러번에 나눠서 공부하기를 했다. 지금은 첫번째가 끝났다. 오늘은 구글의 검색엔진에 대해서 배웠다. 검색엔진강의를 들으면서 내가 블로그 글을 잘 못 쓰고 있었구나 생각했다. 제목 소제목 이미지 설명내용 등 여러가지가 검색엔진에 올라가는 것이 중요했다. 강의를 한번 듣고 이해하기는 어려웠지만 내가 지금 글을 잘못쓰고 있다는 것을 배웠다. 다른 블로그를 쓸 때에 참고해야겠다. 생활코딩 검색엔진 최적화 오늘 메모장 내용 2020.02.27 나눠서 공부하기 semantic 의미론적인 가치있는 웹페이지 만들수 있다. 의미론적 태그들의 리스트들이 있다. header 기능은 없다. 가장 중..
2020.02.27 -
생활코딩 html 공부하기5
2020.02.26거의 5일만에 다시 코딩공부를 시작했다.역시 흥미가 없으면 잘 안하게 되는 것 같다.코로나때문에 오늘은 하루종일 집에 있었다.그래도 인강이라도 듣자는 마음으로 컴퓨터에 앉았지만 하루종일 다른 것만 검색했다.정신차려야하는데 잘 안되는 것 같다.그래도 오늘은 코딩 강의를 들으며 공부를 했다. 블로그 운영을 하는데 html공부가 필요할 것 같은데 하기 귀찮다.하지만 참고해야한다고 생각한다. 애드센스 등록을 했다. 통과하려면 1000자 넘는 게시물이 10개 이상 있어야한다고해서 이렇게 글을 많이 쓰고 있다.메모장에 적은 내용도 써야겠다.데이터 전송 hidden 여러가지에서 필요하다. ui가 없지만 서버로 어떤 값을 전달하고 싶을때 hidden을 사용하면된다. 복잡하니 있다 정도만 알고 있으면 ..
2020.02.26