# Content
[SCSS]@mixin,@function 사용하기
재사용 가능한 스타일 코드 , 함수랑 비슷하게 동작함 ( 파라미터 전달 가능 ) 값을 반환하기 위해 사용됨.믹스인과의 차이점mixin => 스타일코드 재사용function => 값을 반환or변환하기위함
Html(Hypertext Markup Language)
HTML HTML은 웹 페이지를 만들기 위한 언어이고, 구조를 잡아주는 역할을 한다. 브라우저는 HTML을 가지고 뭘 어떻게 그리고 만들어 줘야 할지 파악 한 뒤 웹 페이지를 생성한다. HTML 확장자 HTML은 .html 확장자가 붙은 텍스트 파일로 파일 이름은 원
font-weight 변화에 따른 width 변화 방지하기
font-weight에 따라 너비가 달라지고, 너비가 달라지며 가로로 정렬된 component가 미묘하게 밀리는 UI는 왠지 모를 답답함과 불편함을 준다. font-weight와는 상관 없이 너비를 고정할 수는 없을까?
[2022.09.27(T)] HTML - Basics (2)
When writing with HTML, we need to start with some important tags: html, head, and body.The head tag is used for configuring some functionality for th
[2022.09.26] HTML - Basics
A website is simply just made up of a bunch of text files.HTML describes the content, CSS shows how the content looks like, and JavaScript interacts w
Spring - Validation, Content Type, OpenAPI, Swagger
가령 아래와 같은 Rest API 호출이 있다 가정해보자현재 서비스에서는 아무런 유효성 검사를 실시하지 않기에 이 정보 그대로 유저가 만들어진다😢 그럼 유효성 검사는 ?필드의 validation 을 어노테이션 기반으로 spring boot 에서 간편하게 설정할 수 있
css 속성 | 너비, 여백, 테두리
💡Box Model 모든 HTML 요소는 웹 페이지에서 일정 공간을 차지하게 된다. 그리고 이러한 공간을 CSS에서는 박스 모델(Box Model)로 정의하고 있다. HTML 요소의 박스 모델은 Content, Padding, Border, Margin으로 구성되
[DevLog TIL] 콘텐츠 vs. 플랫폼
220701 AIPM과정 D082대구 AI 스쿨 시작한지 82일차콘텐츠는 플랫폼을 이길 수 없다iTunes, Youtube, Instagram 등 플랫폼이 있기에 콘텐츠가 존재콘텐츠가 존재한다 하더라도 플랫폼만큼 힘을 가지기 힘들다인터넷이 생기면서 DVD문화에서 플랫폼
COntent 2
If you are just getting started with crypto exchange development, you might have heard of this term “white label crypto exchange software”. You see, d
responsive mixin
이번엔 화면에 크기에 따라 효과가 적용되는 mixin을 만들어볼려고 한다. responsive mixin은 @content 함수를 통해 함수 내용을 styles.scss에서 설정할 수 있다. 그럼 먼저 html 을 만들어주자. 화면 크기에 따라 HELLO의 색깔이 바뀔
[HTML/CSS] 다 알고 있다고 생각했지만 간과하고 있던 것들 2
1. position 내가 만든 영역을 2차원 평면의 공간으로 할지, 3차원 공간의 영역으로 할지를 결정짓는 요소입니다. 1-1. 2차원과 3차원의 차이 ||2차원|3차원| |:---:|:---:|:---:| |부모 자식 지간에 발생하는 마진 병합 현상|O|X| |top, left, right, bottom|X|O| |자식의 높이값이 부모의 높이값에 ...
SCSS 재활용 @content
@content는 @mixin 내의 추가적으로 필요한 내용에 대해 담는 그릇으로 사용할 수 있습니다. 해당 개념에 대해 알아봅시다.
CSS Content 속성
CSS content는 string뿐만 아니라 image, counter, attr 또한 값으로 지정할 수 있다는 사실..! 🙊
CSS 2.박스 모델
박스의 크기 박스 너비 = 내용물(content)너비+왼쪽 패딩+오른쪽 패딩+왼쪽 CSS테두리 테두리 스타일(모양), 색상,두께,둥근 테두리 지정 가능 => 모서리별 다른 스타일,두께 가능 border스타일 지정해야 다른 속성 사용 가능 각 변 별로
