프론트엔드13 [제로베이스]2주차 학습요약 2주차에는 CSS 와 운영체제, Git 소스트리 사용방법을 공부했다. CSS 의 display 나 position 부분은 이전에 제대로 알지 못해서 그때그때 적용되는 걸 사용해왔는데 이번에 제대로 알게되어 좋았다. 필요한 부분을 메모하며 들었는데 실제로 여러 번 사용해보며 내것으로 만들어야 할 것 같다. 컨테이너에 적용하는 속성과 그 안에 있는 아이템에 적용하는 속성이 다르다는 것도 배우고 나니 이전에는 헷갈렸던 것들이 하나씩 정리되어가는 느낌이라 좋았다. 기본을 알지 못한채로 무작정 코딩만 했던게 이럴 때는 도움이 되는 것 같다. 이론을 배우면서 내가 코딩하며 했던 실수들이 떠오르고, 이제는 그 실수를 어떻게 고쳐야 하는지 알게됐다는 점이 좋았다. 러닝메이트 강의는 이론 위주였지만 자세하고 이해가 잘 .. 2023. 4. 16. CSS Selector - 자식 선택자 1. first-child 부모의 첫 번째 자식을 선택함 Movie List Toy Story Zootopia Inside Out Coco Finding Nemo .movie:first-child { font-size: 26px; } 코드를 이렇게 작성하면 movie 클래스를 가지고 있는 요소 중 첫 번째인 Zootopia 의 폰트 사이즈가 바뀔거라 생각하지만 실제론 아무런 변화도 일어나지 않는다. ☆ first-child 는 말 그대도 부모의 첫 번째 자식을 선택하는 것인데, movie 클래스를 가진 li 요소의 부모는 ul 태그이고, ul 태그의 첫 번째 자식인 Toy Story 가 movie 클래스를 가지지 않기 때문에 해당하는 것이 없어 폰트 사이즈가 바뀌지 않는 것이다. 2. last-child.. 2023. 4. 15. [제로베이스]1주차 학습요약 1주차에는 html, css 기초와 cs 지식 강의를 들었다. html, css 는 어느정도 알고있기 때문에 초반은 배속으로 들었고, 덕분에 시간을 단축해서 공부할 수 있었다. 초반에는 리스닝처럼 그동안 알고있던 것들을 다시 복기하는 정도로 공부헸지만 중반부터는 이전에 제대로 이해하지 못했던 css 지식들이 나와서 그때 이래서 코딩이 뜻대로 안됐구나.. 하고 돌아볼 수 있었다. 개념강의가 지루할 때도 있지만 코딩할 때 뭔가 알 수 없는 문제들이 생기면 다시 개념강의를 찾아듣기 때문에 이번에는 이전에 내가 놓쳤던 것들을 정리해두고 필요할 때 마다 찾아볼 생각이다. cs 지식은(특히 자료구조) 학교 다니면서도 배웠던 과목이지만 아직도 익숙해지지가 않고... 자료구조는 배워도 배워도 어려운게 아직 갈 길이 먼.. 2023. 4. 11. 캐스캐이딩(Cascading) 원칙 Cascading : 폭포 = 위에서 아래로 흐르는 1. 스타일 우선순위 동일한 스타일이라도 선언된 곳에 따라 우선순위가 정해진다. 브라우저에 의해 정의된 스타일 < 개발자가 선언한 스타일 < 사용자가 구성한 스타일(흔치않음) 적용 범위가 적을 수록 우선시 된다. tag 스타일(h1 { }) < class 스타일(.class { }) < id 스타일(#id { }) < 인라인 스타일() 소스코드의 순서가 뒤에 있으면 덮어쓴다. 중복으로 작성된 내용이 있다면 뒤에 있는 코드로 스타일이 적용됨 2. 스타일 상속 부모 요소에 있는 스타일 속성들이 자식 요소로 전달된다. 자식 요소에서 재정의 할 경우, 부모의 스타일을 덮어쓴다. 상속이 되지 않는 속성도 있다. (ex: 배경 이미지, 배경 색 등) ★ 스타일을 .. 2023. 4. 9. 이전 1 2 3 4 다음
