CODING/강의노트-드림코딩 by 엘리-HTML, CSS 4

[드림코딩] CSS 1. 셀렉터

안녕하세요? codingTrip입니다. 오늘은 드림코딩 by 엘리님의 HTML시간이 끝나고 CSS를 배워볼 차례인데요. 두근두근 기대되시나요? 그럼 시작합니다. youtu.be/gGebK7lWnCk CSS 강의소개 의미, 정의 선택자 스타일링 헷갈리는 컨셉 CSS 꽃 : Flex box CSS는 HTML를 스타일리쉬하게 꾸며줍니다. 선택자는 태그들을 어떻게 골라서 꾸며줄지 선택하는 것이니 잘 알아둬야겠죠? 1. 의미, 정의 CSS - Cascading Style Sheet (폭포,연속,종속,직렬-- 계속,연속해서 위에서 아래로 떨어지는 느낌) Author style : 우리가 지정한 스타일 User Style : 사용자가 지정한 스타일 Brower : 위의 2가지가 없다면 적용되는 스타일 즉, 우리가 정..

[드림코딩] HTML 2. 태그 정리

안녕하세요? codingTrip입니다. 오늘은 유튜브 "드림코딩 by 엘리"채널에서 HTML을 배우는 2번째 시간입니다. 그럼 시작해볼까요? youtu.be/OoA70D2TE0A 드림코딩 HTML 2 현업에서 일하는 선배의 팁 : 뭐든지 나누어 보세요 프론트엔드뿐만 아니라 백엔드에도 나누는 연습은 중요합니다. 하나의 서비스, 클래스, 함수 안에 너무 많은 것이 담겨있는 것은 아닌지 더 세분화, 세부적으로 나눌 수는 없는지 생각해보아야 한답니다. 현업에서 일하는 선배의 팁 : 큰 그림을 먼저 보자 어떤 것을 배우시든 뒤로 물러서서 큰 그림을 보아야 합니다. 그런 다음에 이것이 무엇이고 어떻게 쓰이고, 왜 존재하는지 질문하면서 공부하면 나중에 다른 것을 배울 때도 금방 배울 수 있답니다. 오늘의 진도 시작합..

[드림코딩] HTML 1. 박스 그리기 숙제 및 숙제 확인

안녕하세요? codingTrip입니다. HTML 1 강의 잘 들으셨나요? 엘리선생님께서 내주신 숙제 모두 풀어보셨나요? 그 숙제는 바로 위키피디아 사이트에 박스를 그리는 거였어요. Wikipedia - HTML: https://en.wikipedia.org/wiki/HTML HTML - Wikipedia From Wikipedia, the free encyclopedia Jump to navigation Jump to search ".htm" and ".html" redirect here. For other uses, see HTM. Hypertext Markup Language Hypertext Markup Language (HTML) is the standard markup language for d..

[드림코딩] HTML 1. 구조 분석

안녕하세요? codingTrip입니다. 오늘은 제가 요즘 감사히 잘 듣고 있는 유튜브 채널을 소개하고자 합니다. 바로 "드림코딩 by 엘리"입니다. 이 드림코딩 by 엘리 채널은요. 개발자 특히 Frontend 개발자, 해외 개발자에 대한 꿈을 갖고 계시는 분이라면 구독과 영상 시청하시라고 제가 강력추천합니다. 어쩜 그렇게 친절하게 조곤조곤 말씀해주시는지... 무료로 강의를 들을 수 있다는 것이 죄송할 정도였습니다. HTML 1 #기본개념 이해하기 오늘은 드림코딩 Frontend 강의의 첫 시간 HTML에 대한 강의를 필기해볼텐데요. youtu.be/i0FN-OwJ7QI 해당 링크로 들어가셔서 보셔도 좋을 것 같아요. 그럼 이제 시작할게요. HTML이란... - HTML : Hypertext Markup..