2023.05.02~

more

객체 안의 객체 접근, 객체 안의 배열 접근

https://velog.io/@seeyong_0/TIL-%EA%B0%9D%EC%B2%B4-%EC%95%88%EC%9D%98-%EA%B0%9D%EC%B2%B4-%EC%A0%91%EA%B7%BC-%EA%B0%9D%EC%B2%B4-%EC%95%88%EC%9D%98-%EB%B0%B0%EC%97%B4-%EC%A0%91%EA%B7%BC TIL | 객체 안의 객체 접근, 객체 안의 배열 접근 객체 안의 객체는 중첩된 객체라고 한다. 영어로는 Nested Object이다. 중첩된 객체에 접근하는 방법은 객체를 접근하는 방법과 마찬가지로 점 표기법(dot notation)과 대괄호 표기법(bracket notation)을 사 velog.io
Javascript 2023.03.29 0

[Sass/SCSS]반응형 웹을 효율적으로 작성하기 위한 방법($font-size : px to vw)

1. $break-point & @mixin 사용하기 반응형 웹을 작성할 때 일반적으로 나누는 $break-point는 1200px, 992px, 768px, 576px이다. 이 기준이 대중적으로 가장 많이 통용되는 기준이므로 반응형 웹을 작성할 때는 다음과 같이 작성하면 된다.(하지만 절대적인 기준은 아니다.) //_responsive.scss $break-point-xl: 1200px;//데스크탑 $break-point-lg: 992px;//태블릿 가로 $break-point-md: 768px;//태블릿 세로 $break-point-sm: 576px;//모바일 @use 'responsive' as r; /*responsive*/ @mixin responsive_xl{ @media screen and ..
SASS(SCSS) 2023.03.15 0

Sass/SCSS 7. @extend

용도 공통된 스타일을 반복적으로 사용하기보다 한 번 선언하고 여러번 사용하고 싶을 때 @extends 문법을 쓴다. 예시1) 클래스를 선언하여 extend하는 법 => css 파일에서도 존재하는 클래스 //scss .btn{ width: 100px; height: 100px; padding: 20px; } .btn-green{ @extend .btn; color:rgb(196, 253, 196) } //css .btn, .btn-green { width: 100px; height: 100px; padding: 20px; } .btn-green { color: rgb(196, 253, 196); }/*# sourceMappingURL=main.css.map */ 예시2) 가상클래스 %를 선언하여 exten..
SASS(SCSS) 2023.03.07 0

[SEO 검색엔진최적화] sitemap.xml 생성 및 제출하기

사이트맵 웹 사이트 내 모든 리소스의 목록을 나열한 파일이다. 검색엔진에 웹 사이트 내 모든 페이지의 목록을 제공한다. 검색엔진 랭킹 점수를 높이는 데 직접적인 영향을 주지는 않으나, 일반적인 크롤링 과정에서 발견되지 않을 수 있는 웹 페이지 정보를 제공하여 사이트맵을 설정하는 것이 SEO에 긍정적인 영향을 끼친다. 사이트맵 생성법 사이트맵 파일의 위치를 루트 디렉토리에 지정한다. (루트폴더에 업로드) 웹사이트 url 뒤에 /sitemap.xml을 입력하여 찾아볼 수 있다. 사이트맵은 직접 작성하기보다 사이트맵을 생성해주는 온라인 사이트를 이용하는 것이 수월하다. 1. XML-Sitemaps.com(wordpress 기반이 아닌 웹사이트 사이트맵 제작시) https://www.xml-sitemaps.co..
IT 2023.03.06 0

티스토리툴바