본문 바로가기
728x90

🤙🏻 All121

(1-3) HTML/CSS 기초 - CSS 기초 (CSS 따라하기) CSS는 Cascading Style Sheets의 약자로 HTML과 같은 마크업 언어가 표현되는 방법을 결정한다. HTML이 웹페이지의 구조를 담당한다면 CSS는 구조의 외부와 내부를 꾸미는 역할을 담당한다. 같은 HTML 구조를 가지고 있는 문서에 각기 다른 CSS파일을 적용하면 전혀 다른 웹사이트처럼 보이게 할 수도 있다. This is the header. This is the navigation section. Home Mac iPhone iPad This is the main content. ... This is an aside section. ... 개인정보 처리방침 이용 약관 법적 고지 index.html 파일을 만들어 코드를 붙여 넣어보자. 등장하지 않았던 낯선 태그를 두려워할 필요는 전.. 2021. 7. 10.
(1-2) HTML/CSS 기초 - HTML 기초(자주 사용하는 HTML 요소) 자주 사용하는 HTML 요소에 대해 알아보자. 태그 설명 Division Span Image Link & Unordered List & List Item Input (Text, Radio, Checkbox) Multi-line Text Input Button div VS span, div와 span의 큰 차이는 한 줄을 차지하느냐 아니냐이다. 물론 css를 이용해 바꿀 수도 있지만 기본적인 값은 그렇다는 것이다. div 태그는 한 줄을 차지합니다 division 2 span 태그는 컨텐츠 크기만큼 공간을 차지합니다 span 2 span 3 division 3 결과는? 👇🏻 img : 이미지 삽입, img 태그는 닫는 태그가 필요하지 않다. a : 링크 삽입 코드스테이츠 ul,li : 리스트 li = li.. 2021. 7. 10.
(1-1) HTML/CSS 기초 - HTML 기초 (기본구조와 문법) HTML은 웹 문서를 구조적으로 표현하기 위한 언어이다. HTML은 tag들의 집합이며, tag란 부등호()로 묶인 HTML의 기본 구성 요소이다. / 이 문서가 HTML 문서임을 명시 / / html 시작 태그로, 문서 전체의 틀을 구성 / / 은 해당 태그가 끝났음을 의미 / / body 태그는 문서의 내용을 담는 곳 / Hello world/ heading을 의미하며, 크기에 따라 h1부터 h6까지 있음 / Contents here/ content division을 의미하며, 줄바꿈됨 / Here too!/ 줄바꿈이 없는 content 컨테이너 / / div 태그가 끝났음을 의미 / / body 태그가 끝났음을 의미 / / html 태그가 끝났음을 의미 / SELF-CLOSING TAG 태그 내부에.. 2021. 7. 10.
💻 TIL 20일차 - 21.07.09 ✍🏻 오늘 배운 것, Key Point React SPA, Router React Router를 이용해 React SPA 개발 방법을 학습했다. SPA는 Single Page Application의 약자로써 서버로부터 완전히 새로운 페이지를 불러오는 것이 아니라 화면을 업데이트하기 위해 데이터만 서버에서 전달받아 브라우저에서 해당하는 부분만 업데이트하는 방식으로 작동하는 웹 애플리케이션이나 웹 사이트를 말한다. SPA 방식으로 만들어진 대표적인 서비스로는 Youtube, Facebook, Airbnb 등이 있다. 💡 오늘 느낀 점 오늘의 페어프로그래밍도 내가 주도하면서 진행하진 못했지만 어제보다 조금은 매끄러웠다. 아직도 이해가 안되서 외계어 같은 느낌이 있는데 다음 주에 있을 H/A 시험에 합격하기 위.. 2021. 7. 9.

티스토리툴바