이제 데이터 공부 안하는 블로그

9일차에는 다양한 셀렉터와 적용 우선순위, 상속과 캐스캐이딩에 대해 배웠습니다. 셀렉터(선택자) : 특정 html 요소를 선택해서 스타일을 적용할 수 있도록 합니다. *클래스 선택자 가장 많이 사용합니다. 여러 가지 셀렉터를 한 번에 지정하는 것도 가능합니다. *태그 선택자 문서 전체의 태그 속성을 바꿀 때 유용하다. 너무 많이 사용하면 유지보수성이 떨어집니다. *id 선택자 앞에 #을 붙여서 사용하고 중복해서 사용은 불가능합니다. id 선택자는 가장 구체적이기 때문에 지정해주면 다른 셀렉터의 값은 적용되지 않습니다. 이것을 ‘선택자 우선 수위’라고 부릅니다. id 선택자 > 클래스 선택자 > 태그 선택자 순으로 우선 순위가 더 높습니다. *가상 선택자 요소의 일정부분만 혹은 특정한 상황일때문 선택 가능..

9일차 수업 css box model 오늘의 첫번째 강의는 css box model 입니다. html요소들이 표현될때 사각형의 요소로 표현되는데 이것을 css box model이라고 부릅니다. box model은 몇가지 영역으로 구성되어있는데 각각 content, padding, border, margin입니다. content영역에는 이름 그대로 html로 나타내려고 하는 내용이 들어가는 부분입니다. 그리고 padding과 border는 content를 둘러싸고 있는 영역입니다. 그다음 margin 영역은 좀 특별하다고 할수 있는데 가장 바깥쪽에 둘러 싸고 있으면서 다른 html요소들과 중첩되어 영억이 표시되는 부분입니다. 이 영역들은 앞에서 배웠던 blcok요소입니다. 그래서 block요소의 특성을 가..

8일차오늘은 제주도 구좌읍 바다를 배경으로 html과 css 강의 듣는 사진을 찍었어요. div 요소의미를 가지지 않은 요소. 생성된 요소를 묶는 역할, 비슷한 요소들을 묶는 역할을 하고, 마크업 문서의 가독성 향상을 위해서도 사용한다고 합니다. span 요소 div요소와 비슷한 역할을 하지만 두요소의 차이점은 div는 블록 요소로 줄바꿈을 하지만, span 요소는 인라인 요소로 줄바꿈을 하지 않습니다. 그리고 div요소는 div요소안에 다른 요소들이 올수있지만 span 은 올수 없습니다. div는 요소 양옆에 다른 요소가 올수 없고 span은 올수 있습니다. div요소는 한줄을 모두 사용하기 때문에 가로, 세로 크기 값을 가질수 있습니다. 박스를 그린다고 할때 css로 가로, 세로 값을 주면 div요소..

7일차 Codepen.io 사용법, MDN, devdocs.io 검색엔진 추가하는 방법을 배웠습니다. codepen은 웹에서 바로 html로 코딩해볼수 있는 사이트 입니다. 파이썬을 배울때 사용했던 프로그래밍 언어를 디버깅하고 실행해주는 vs code같은 프로그램을 사용할수도 있지만 간편하게 설치없이 웹위에서 html, css등을 코딩할수있습니다. 그리고 다른 사용자의 코드를 보고 공유를 하기에도 간편합니다. 가입을 한후에 new pen을 선택하면 html, css, js를 써볼수있는 화면이 나옵니다. MDN이나 devdocs.io같은 사이트는 모르는 html 태그나 사용법 등을 검색하면 알려주는 사이트들입니다. 이 사이트들을 크롬을 이용해서 검색엔진에 추가해 쉽고 빠르고 검색할수있습니다. 크롬에 설정탭..

6일차 오늘부터는 새로운 과정 강의입니다. 웹 기본 및 프론트엔츠 기초 과정입니다. html에 대해서 기초는 어느정도 알고 있다고 생각해서 크롤링으로 넘어가려다가 1강부터 “이정도는 다 아시죠??”에 한방맞고 웹 기초 과정을 듣기로 했습니다. 웹 기본에서는 인터넷의 역사부터 설명해줍니다. 코딩에 대한 자세한 설명보다 이런 스토리텔링식 강의가 훨씬 귀에 잘들어 오네요. 아무래도 그동안의 코딩강의에 지쳤나 봐요. 첫날부터 너무 달린거 같아요. 아무튼 새로운 지식을 습득했습니다. 인터넷이 어떻게 시작하게되었는지 웹은 어떻게 탄생하게 되었는지 그런것들을 알게 되었어요. 상식이 이렇게 늘어납니다. 웹의 동작 방식에 대해 알아 보았습니다. 웹은 서버와 클라이언트로 작동하는데 클라이언트가 보통 인터넷을 사용하는 우리..

5일차 아침에 일어나자마자 공부를 시작했습니다. 파이썬 문법 기초 과정 마지막 강의는 프로젝트로 타이핑 게임을 제작 하는 것입니다. 기초 문법의 마지막 강의인데 50%도 이해를 못하고 있는 것 같은 기분이에요,,, 타이핑 게임이란 단어가 나오면 철자를 틀리지 않게 그대로 쓰고 맞추면 pass글자와 함께 소리가 나오고 마찬가지로 틀리면 wrong과 함께 효과음이 나오는것입니다. 강사님이 코딩을 천천히 설명하면서 하는데 그것을 이해하면서 따라 코딩하면 되는 강의였습니다. 그동안 배웠던 여러가지 문법들이 거의 모두 등장합니다. 파일을 불러 들여서 사용하기 with open('./resource/word.txt', 'r') as f: # 문제 txt 파일 로드 for c in f: words.append(c.s..

4일차는 예외, 외부파일, DB 를 학습했습니다. 기본문법 과정이 끝나갑니다. 오늘은 예외로 시작합니다. 강의는 에러 및 예외처리로 구성되어있습니다. 에러의 종류에는 SyntaxError, TypeError, NameError, IndexError, ValueError, KeyError 등이 있습니다. 먼저 syntaxError는 잘못된 문법으로 발생합니다. 초보자인 제가 제일 많이 보는 에러인거 같아요. NameError는 참조 변수 없음 인데 변수를 지정해 주지 않고 변수를 사용했을경우에 발생합니다. ZeroDivisionError: 0 나누기 에러, IndexError : 인덱스 범위 오버, 이것은 예를 들어 데이타가 리스트안에 3개 있는데 5번째 인덱스를 호출한다든지 할때 발생합니다. key er..

3일차는 클래스, 모듈과 패키지, 파일을 학습했습니다. 클래스 강의에서는 클래스변수, 인스턴스변수 의 차이점과 사용법을 학습하고 상속, 다중상속이 가능한 파이썬에서의 클래스에 대해서 너무 깊지 않게 학습 합니다. 사실 클래스 부분은 완벽하게는 이해를 못하고 넘어갔습니다. 어느 정도 프로그래밍에 대해 알고 있는 학습자를 대상으로 강의가 진행되는듯 합니다. 제가 프로그래밍 언어를 아주 조금 배운 경험이 있음에도 따라가기 좀 어려웠어요. 이 부분은 강사님도 이해가 안되더라도 계속 하다보면 어느 순간 이해할수 있다 이렇게 설명하고 넘어가긴 했는데, 또 구글링해서 좀 찾아봐라 이렇게 하신 부분도 있어요. 아무래도 구글링으로 찾아 보면서 이해하고 넘어가면 좋을것 같습니다. (좀 더 초보자 눈높이에서 강의가 진행되었..