programming study/Clone coding (11) 썸네일형 리스트형 [노마드코더]코코아톡 클론코딩 (3)(2021.1.5) 본 내용은 해당 강의 토대로 작성 Learning CSS 1. Flexbox inline block은 기기마다 출력되는 화면이 다르며, 최적값을 찾기 힘든 단점이 있다. Flexbox는 반응형 디자인을 지원하기 때문에 inline block의 문제점을 해결할 수 있다. 사용 예시 Flexbox 사용은 아래와 같은 규칙이 있다. 부모 엘리먼트를 felx container로 만들어야 한다. 이 경우에서는 div가 자식 엘리먼트이다. body가 부모 엘리먼트이므로 이곳에 felx를 적용한다. justify-content : main axis의 설정(가로,기본값) aling-items : cross axis의 설정(세로,기본값) body가 height가 기본값이면, align-items를 사용해도 그대로인 것처.. [노마드코더]코코아톡 클론코딩 (2)(2021.1.4) 본 내용은 해당 강의 토대로 작성 Learning CSS 1. CSS 추가하기 CSS를 HTML에 추가하는 방법은 두 가지가 있다. HTML파일에 인라인 코드로 작성하기 HTML의 HTML의 Class 여러개의 요소들에게 부여해서 사용할 수 있다. .class를 이용해서 접근한다. 예시 hello hello hello hello hello hello hello hello [노마드코더]코코아톡 클론코딩 (1)(2021.1.1 ~ 2) 본 내용은 해당 강의 토대로 작성 Introduction 수업 환경 Google Chrome Visual Studio Code GitHub desktop 1. 웹사이트 크롬 브라우저에서 아래처럼 브라우저의 소스코드를 볼 수 있다. [Chrome] View(보기) - Developer(개발자 정보) - View Source(소스 보기) 무엇이 웹 사이트를 만들까? text 파일이다. 텍스트 파일 -> 브라우저 -> 이해해서 사용자에게 출력 브라우저가 코드를 이해해서 구현 어떤 종류의 텍스트를 어디에 쓰냐가 관건 3가지 종류의 텍스트(언어)가 있다. 2. HTML HyperText Markup Language 브라우저에게 content가 무엇인지 알려준다 타이틀, 링크, 리스트 등등 어떻게 구성되어있는지 M.. 이전 1 2 다음
