분류 전체보기 (122) 썸네일형 리스트형 [CSS] counter : css로 순번나타내기 counter 사용법 counter은 CSS에서 자동으로 번호를 매기는 역할을 한다. counter-reset 카운터이름과 시작값을 설정{ counter-reset: initial | 카운터이름/숫자 | none } initial :: 초기화 카운터로 사용할 이름 숫자를 지정하지 않으면 기본값이 0 숫자는 음수값도 가능하며 여러개의 카운터를 설정하고자 할 때 공란으로 분리. none :: 설정값이 없음(이미 설정된 것을 취소하고자 할 때 사용) counter-increment counter-reset으로 설정한 값을 증가시키는 역할{ counter-increment: initial | 카운터이름/숫자 | none } initial :: 초기화 숫자를 지정하지 않으면 기본값으로 1씩 증가 숫자는 음수값 가.. 쿠키팝업 보호되어 있는 글입니다. Meta Tag, OG(오픈그래프) 사용하기 오픈그래프(Open Graph) 콘텐츠의 요약내용이 SNS에 게시되는데 최적화된 데이터를 가지고 갈 수 있도록 설정하는 것 원리 링크라는 것이 인식되면 크롤러가 해당 웹사이트의 HTML head의 메타 데이터를 크롤링하여 미리보기 화면을 생성 프로토콜 비교적 통일된 방법으로 페이스북의 open graph 프로토콜을 사용한다. 페이스북, 네이버블로그, 카카오톡 등에서 사용하고 있는 프로토콜 open graph 문서 태그 사용법 800 X 800 또는 600 x 315 또는 1200 x 630 대다수 카톡으로 많이 url을 보내므로 800x800으로 맞추었다. 기본적으로 웹에 설정해줘야 하는 og 메타태그 네이버블로그, 카카오톡 미리보기 설정 트위터 미리보기 설정 Reference Meta Tag, OG(오.. 디바이스(device) 기기 확인 스크립트 보호되어 있는 글입니다. [Git] Git push 오류해결 hint: Updates were rejected because the remote contains work that you do hint: not have locally. This is usually caused by another repository pushing hint: to the same ref. You may want to first integrate the remote changes hint: (e.g., 'git pull ...') before pushing again. hint: See the 'Note about fast-forwards' in 'git push --help' for details. github repository를 생성할 때 readme.md 생성으로 인한 오류라고 .. column-count사용하여 masonry 나타내기 조건! javascript말고 css만 사용하여 masonry grid 나타내기. 반응형에도 적용할 수 있는 masonry만들기. Reference https://w3bits.com/demo/css-masonry/ https://hwanlee.tistory.com/64 https://developer.mozilla.org/ko/docs/Web/CSS/CSS_Columns/Using_multi-column_layouts [JavaScript] 참조에 의한 객체 복사 참조에 의한 객체복사 객체와 원시타입의 근본적인 차이 중 하나는 객체는 '참조에 의해(by reference)' 저장되고 복사된다. 원시값(문자열, 숫자, 불린 값)은 '값 그대로' 저장·할당되고 복사된다. let message = 'Hello'; let cloneMessage = message; cloneMessage = 'CloneHello'; console.log(message, cloneMessage); // Hello CloneHello 객체가 할당된 변수를 복사하면 동일한 객체에 대한 참조 값이 하나 더 만들어진다. let user = { name: 'John'; } let admin = user; admin.name = .. [JavaScript] 객체 상수객체 const로 선언된 객체는 수정 될 수 있다. const user = { name: 'John' }; user.name = 'Pete'; console.log(user.name); // Pete const는 한 번이라도 값을 할당한 변수가 변경되는 걸 막는다. 변수 user는 객체 참조 값을 저장하고 있는데, const는 이 값이 변경되는걸 막는 것이지, 객체의 내용 (프로퍼티)을 변경하는 건 막지않는다. 계산된 프로퍼티 객체를 만들 때 객체 리터럴 안의 프로퍼티 키가 대괄호로 둘러싸여 있을 경우, 이를 계산된 프로퍼티 (computed propery) 라고 부른다. let fruit = prompt('어떤 과일을 구매하시겠습니까?', 'appl.. 이전 1 2 3 4 5 6 ··· 16 다음