JavaScript는 객체기반의 스크립트 언어이며 JavaScript를 이루고 있는 거의 모든 것은 객체이다.객체란 여러 속성을 하나의 변수에 저장할 수 있도록 해주는 데이터 타입으로 Key/Value Pair를 저장할 수 있는 구조이다.
ex) <img>, <a>, <span>, <strong> 등옆으로 쭉 나열 되다가, 공간이 모자라면 다음 줄로 넘어간다.ex) <div>, <p> 출처: https://studiomeal.com/archives/282
Grid 레이아웃을 만들기 위한 기본적인 HTML 구조는 다음과 같다.Flex와 마찬가지로, 컨테이너와 아이템이 있으면 된다.부모 요소인 div.container를 Grid Container(그리드 컨테이너)라고 부르고,자식 요소인 div.item들을 Grid Item
Flex는 레이아웃 배치 전용 기능으로 고안되었다. 그래서 레이아웃을 만들 때 딱히 사용할게 없어서 쓰던 float나 inline-block 등을 이용한 기존 방식보다 훨씬 강력하고 편리한 기능들이 많다.부모 요소인 div.container를 Flex Container
미디어쿼리는 css에서 어떤 스타일을 선택적으로 적용하고 싶을 때 쓴다.다른 언어의 if 조건문과 비슷하다.조건이 만족되면 스타일 부분의 코드가 돌아가고 아니면 안 돌아간다.핸드폰처럼 좁은 화면에서만 특정 스타일을 적용하고 싶으면 화면의 최대 너비를 제한함으로써 적용할
아래 웹싸이트에서 정리 잘 해둠.https://code.tutsplus.com/ko/tutorials/the-30-css-selectors-you-must-memorize--net-16048그 중에서 몇 개 정리하면 인접 선택자로 부르는 선택자입니다. 앞의 요
자손 선택자(Child combinators) VS 후손 선택자(Descendant combiantors)기호를 사용하여 부모 요소와 직계 자식 요소를 선택예를 들어, 아래와 같은 HTML 코드가 있다고 가정해 봅시다.\`\`\`코드를 입력하세요위의 CSS는 div 요
기초적인 웹 만들기는 학교다닐 때 교양으로 들었어서 진도를 따라가는 데 별 어려움은 없었다. 다만 이 과정(국비지원)에만 의존하면 겉핥기식으로만 배울 것 같다. 따로 예복습은 해야할 것 같다.설명이 부족하다 싶은 것들은 서칭을 통해 더 알아보곤 하는데 지금은 그 중 하
HTML 태그와 종류1) BOX형 태그Box형 태그는 사용자들에게 보여지는 content들의 구조를 지정할 때 사용 header, footer, nav, aside, mainsection, article, div, span, form 2) ITEM형 태그 아이템형 태
이젠 아카데미 지능형 웹서비스 풀스택(프론트엔드, 백엔드)과정을 국비지원을 통해 수강하게 됐다.이 과정의 목표는 백엔드에 대한 이해를 바탕으로 프론트 엔드 개발자를 육성하는 것을 목표로 하는 것 같다. 물론 1차적으론 취업이 목표겠지만.오늘 배운 내용은 다음과 같다.1