코딩공부
-
생활코딩으로 코딩 독학 - CSS (2)코딩공부 2021. 10. 2. 18:20
6강 속성 스스로 알아내기 (property) 배운 것을 토대로 여기서 h1은 셀렉터고 괄호 속 내용은 프로퍼티와 벨류로 구성된다. >> 즉, h1제목체로 되어있는 것들아 폰트 45픽셀로 하고, 정렬을 가운데로 해! 라는 명령이 내려진 것이다 속성을 알아내는 방법은 구글링이다. 문자를 크기를 더 키우는 속성을 알고싶다 >> "css text size property" 검색 >> "font-size" 라는 결과가 나옴 7강 CSS 선택자의 기본 태그 선택자(3순위) class 선택자(2순위) . 예시) .intro : class="intro"라고 되어있는 태그를 모두 선택한다. id 선택자(1순위) # 예시) #firstname : id="firstname" 이라고 되어있는 태그를 선택한다. 구체적일수록 ..
-
생활코딩으로 코딩 독학 - CSS (1)코딩공부 2021. 9. 28. 21:26
1강~5강 가운데정렬, 글씨체변경 등 CSS로 글자를 빨간색으로 바꿔! 라고 명령한 상태 CSS는 코드 가공이 쉽고 가독성이 좋도록 만들어준다. **** 결론 웹페이지에 CSS를 삽입하는 방법 두가지 1. 태그를 쓰거나 + 선택자{} 셀렉터 + 효과 디컬러레이션 2. HTML 코드안에 style 이라는 속성을 쓴다! ++ 효과가 끝날때는 세미콜론(;)을 사용한다! selector: 선택자, 즉 선택하는 범위를 알려준다 declaration: 선언, 선택자 가 지정한 태그들에 대해 어떤 효과를 줄건지 property: 속성 value: 그 속성의 값 ; : 속성끝맺음
-
생활코딩으로 코딩 독학 - HTML (4)코딩공부 2021. 9. 25. 21:12
15강 웹사이트를 완성하자 처음에는 그냥 단순하게 따라해봤는데 이왕 연습하는거 나만의 홈페이지가 되면 좋겠다 싶어 구성을 다시 짜봤다. 내가 다녔던 맛집들을 정리하는 홈페이지를 만들기로 했다. 링크를 서로 연결해서 페이지를 하나하나 이어나가는 책으로 만드는 것이 포인트 리스트 제목마다 링크를 달아서 새로운 페이지로 연결되게 짜주는 연습을 했다. 제목마다 이렇게 링크가 연결되는게 보인다.. 우아.. 신기해 정말 보잘것 없는 홈페이지인데 뭐가 이렇게 신기한지 ㅎㅎ 재밌다 16강 인터넷 = 웹 ? > no! 인터넷이 도시라면 웹은 건물하나 라고 볼 수 있다고 한다. 1960년에 등장한 인터넷 > 30년이나 지나 1990년대 웹이 생겨났다. 1990년 12월에 생겨난 최초의 웹사이트..! 17강 인터넷이 동작하..
-
생활코딩으로 코딩 독학 - HTML (2)코딩공부 2021. 9. 23. 20:56
12강 부모-자식태그 ;리스트로 만들어 줌. 줄바꾸고 앞에 가운데점 생김 ; 의 부모태그 어디서 부터 어디까지가 그룹인지 알려줌 -는 부모 자식태그!! 항상 같이 다님 *를 로 바꾸면 앞에 생기던 가운데 점이 숫자로 바뀜. unodered list > ordered list 13강 슈퍼스타 태그에 관하여 ;페이지 제목을 바꿔줌/ 검색엔진에서 책표지로 여겨짐! ; 글씨 깨질때, 한글 깨질 때 해결법 = 'utf-8로 문서를 읽어라!' 서두태그 본론태그 ; head와 body를 감싸는 상위 태그 ; 이문서는 html이다! 이런식으로 정렬된다.
-
생활코딩으로 코딩 독학 - HTML (1)코딩공부 2021. 9. 17. 16:19
요즘은 어린 아이들도 학교에서 배운다는 코딩.. 현대인으로서 나도 한번쯤은 배워보고 싶은 마음이 들었다. 가끔 카페에서 검은 화면에 알아 볼 수없는 글자를 마구 나열해가며 집중하는 사람들을 볼 수 있는데, 그들은 마치 영화속에 나오는 천재 해커들 같았다. 약간의 동경하는 마음이 생겼던 것 같다. 그래서 시작해보겠다 코딩 독학! 4차 산업혁명시대..! 홈페이지 정도는 내 손으로 만들어 볼 줄 알아야하지 않겠나! 독학을 시작해보려 여기저기 검색하고 유튜브 동영상을 찾아보다 생활코딩을 알게되었다. 유튜브 채널에 들어가니 정말 강의가 잘 짜여있었다. 러닝타임도 10분 내로 짧고 간결하지만 정성스럽고 알찼다. 겨우 몇 편 봤는데 올해 배운 것 중에서 가장 의미있는 배움이었던 것 같다. 오늘의 포인트 > HTML을..