멋사 [HTML] Content categories (컨텐츠 카테고리) / Sections Metadata Content Flow Content Sectioning Content Heading Content Phrasing Content Embedded Content Interacitve Content 메타데이터 컨텐츠 카테고리에 속한 요소는 문서의 표현이나 동작을 수정하거나, 다른 문서를 가리키는 링크를 설정하거나, 기타 정보를 전달한다. 이 카테고리에 속하는 요소는 <base>... article멋사프론트엔드멋쟁이사자처럼headingTILsectionhtmlTIL Django Templete 상속 html 상속 template html 파일을 만들 때마다 중복되는 부분이 있을 경우 그것들을 일일이 써 줘야 하는 것은 매우 귀찮은 일이기 때문에, Django에서는 템플릿 상속이라는 기능을 제공한다. templates 폴더 바로 아래 에 base.html이라는 파일을 만들고 중복되는 부분을 아래와 같이 base.html로 만든다. 이 base.html 파일을 확장하는 다른 .html 파일... 멋사djangodjango [TIL] CSS Break down (Transition, Transform) 1. Transition??? CSS속성 값이 변할 때, 지정해준 시간에 걸쳐서 변화하게끔 해준다(스-르륵) 그 의미만 알면 사용할 때 어려움이 없다. 일어나게끔 해주는 속성들을 지정할 수 있다. 만약 마우스 오버 시에 배경색도 다른색으로 지정을 해주었어도, 위의 상황에선 배경색은 변하지 않는다. 몇 초에 걸쳐서 변화를 보이게 할 것인지 정한다. 진행속도를 지정할 수 있다. 예를 들어, 처음... CSS멋사멋쟁이사자처럼htmlCSS [TIL] CSS Breakdown (FLEX🤘) What is FLEX??😎 우선 flex란 정렬과 관련된, 박스들의 공간을 나누는 CSS 속성의 집합이다. 잊지말자, display: flex;는 부.모.에.게. 이때 부모를 Flex-container, 영향을 받는 자식들을 Flex-item이라고 부른다. flex 는 자신의 직계자식까지만! 1. flex-direction justify-content에 들어가기 앞서 main-axis와 c... CSS멋사멋쟁이사자처럼htmlCSS [TIL] Markup과 Style에 대한 고찰 첫번째, 위의 모달에서 닫기 버튼인 'x'가 마크업에서 '로그인 또는 회원가입' 바로 다음에 오는것이 맞을지에 대한 고찰이다. 스크린리더로 정보를 얻는 사용자에게, '이 창은 로그인 또는 회원가입을 하는 페이지 입니다'라고 안내가 끝나자마자 '창 닫기 버튼입니다'라는 안내는 조금은 적절하지 못하다는 생각이다. 이 때 우리가 할 수 있는 방식은 단순하다. 두번째, 시각적으로 웹을 이용하는 사용... CSS멋사멋쟁이사자처럼htmlCSS [TIL] Sass - variables 변수를 선언한다 = 값을 일일이 작성하지 않는다 이 때마다 그 값을 어딘가에서 보고 써넣거나, 복붙하기등의 행동은 효율성이 떨어진다. 변수를 활용하면 이러한 반복작업이 깔끔하게 해결된다. $를 써서 변수를 생성한다.(선언한다.) 변수의 값에 하나만 선언하지 않고 여러개를 쓸 수 있는데, 방식은 두 가지가 있다. 값들마다 순서가 있다. 이 순서를 인덱스라고 한다. 따로 괄호를 넣어주지 않아도,... 멋사CSSscssSass멋쟁이사자처럼CSS
[HTML] Content categories (컨텐츠 카테고리) / Sections Metadata Content Flow Content Sectioning Content Heading Content Phrasing Content Embedded Content Interacitve Content 메타데이터 컨텐츠 카테고리에 속한 요소는 문서의 표현이나 동작을 수정하거나, 다른 문서를 가리키는 링크를 설정하거나, 기타 정보를 전달한다. 이 카테고리에 속하는 요소는 <base>... article멋사프론트엔드멋쟁이사자처럼headingTILsectionhtmlTIL Django Templete 상속 html 상속 template html 파일을 만들 때마다 중복되는 부분이 있을 경우 그것들을 일일이 써 줘야 하는 것은 매우 귀찮은 일이기 때문에, Django에서는 템플릿 상속이라는 기능을 제공한다. templates 폴더 바로 아래 에 base.html이라는 파일을 만들고 중복되는 부분을 아래와 같이 base.html로 만든다. 이 base.html 파일을 확장하는 다른 .html 파일... 멋사djangodjango [TIL] CSS Break down (Transition, Transform) 1. Transition??? CSS속성 값이 변할 때, 지정해준 시간에 걸쳐서 변화하게끔 해준다(스-르륵) 그 의미만 알면 사용할 때 어려움이 없다. 일어나게끔 해주는 속성들을 지정할 수 있다. 만약 마우스 오버 시에 배경색도 다른색으로 지정을 해주었어도, 위의 상황에선 배경색은 변하지 않는다. 몇 초에 걸쳐서 변화를 보이게 할 것인지 정한다. 진행속도를 지정할 수 있다. 예를 들어, 처음... CSS멋사멋쟁이사자처럼htmlCSS [TIL] CSS Breakdown (FLEX🤘) What is FLEX??😎 우선 flex란 정렬과 관련된, 박스들의 공간을 나누는 CSS 속성의 집합이다. 잊지말자, display: flex;는 부.모.에.게. 이때 부모를 Flex-container, 영향을 받는 자식들을 Flex-item이라고 부른다. flex 는 자신의 직계자식까지만! 1. flex-direction justify-content에 들어가기 앞서 main-axis와 c... CSS멋사멋쟁이사자처럼htmlCSS [TIL] Markup과 Style에 대한 고찰 첫번째, 위의 모달에서 닫기 버튼인 'x'가 마크업에서 '로그인 또는 회원가입' 바로 다음에 오는것이 맞을지에 대한 고찰이다. 스크린리더로 정보를 얻는 사용자에게, '이 창은 로그인 또는 회원가입을 하는 페이지 입니다'라고 안내가 끝나자마자 '창 닫기 버튼입니다'라는 안내는 조금은 적절하지 못하다는 생각이다. 이 때 우리가 할 수 있는 방식은 단순하다. 두번째, 시각적으로 웹을 이용하는 사용... CSS멋사멋쟁이사자처럼htmlCSS [TIL] Sass - variables 변수를 선언한다 = 값을 일일이 작성하지 않는다 이 때마다 그 값을 어딘가에서 보고 써넣거나, 복붙하기등의 행동은 효율성이 떨어진다. 변수를 활용하면 이러한 반복작업이 깔끔하게 해결된다. $를 써서 변수를 생성한다.(선언한다.) 변수의 값에 하나만 선언하지 않고 여러개를 쓸 수 있는데, 방식은 두 가지가 있다. 값들마다 순서가 있다. 이 순서를 인덱스라고 한다. 따로 괄호를 넣어주지 않아도,... 멋사CSSscssSass멋쟁이사자처럼CSS