분류 전체보기 (119) 썸네일형 리스트형 디바이스(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.. [JavaScript] nullish 병합 연산자 ?? nullish 병합연산자 ?? 최근에 추가됨. 스펙에 추가된지 얼마안된 문법. 구식 브라우저는 폴리필이 필요하다. nullsh 병합연산자(nullish coalescing operator) ??를 사용하면 짧은 문법으로 여러 피연산자 중 그 값이 확정되어 있는 변수를 찾을 수 있다. a ?? b 의 평가 결과는 다음과 같다. a가 null도 아니고 undefined도 아니면 a 그 외의 경우 b nullish 병합 연산자 ??없이 x = a ?? b와 동일한 동작을 하는 코드를 작성하면 다음과 같다. x = (a !== null && a !== undefined) ? a : b; ??와 ||의 차이 ||는 첫 번째 truthy값을 반환. ??는 첫 번째 정의된(defined) 값을 반환. null과 un.. 웹접근성에 주의해야 할 부분 웹접근성 주의할 부분 1. label || title form에서 label과 input이 들어갈 때 label에 input 의 아이디를 넣어 연결시켜준다. 하지만 label이 없을 경우 input에 title=""를 넣어 명시해준다. 2. aria-hidden 화면상 숨겨지거나 가려진 콘텐츠 ARIA를 적용하여 모바일 스크린리더기가 접근하지 않도록 구현. undefined(default) true 접근성 API 차단. (화면표시 여부와 무관 API 차단) false 접근성 API 사용. (화면에 표시한 경우 API 사용) aria-hidden vs hidden aria-hidden :: 화면에 표시되나 접근성API(보조기기 접근 가능성) 차단 상태 결정. hidden :: 화면에 표시되지 않아 접근 불.. [jQuery] e.target / e.currentTarget / $(this) parent child 차이를 보기 위해 먼저 .parent 클릭! // jQuery $('.parent').on('click', function(e) { console.log('e.target', e.target); console.log('e.currentTarget', e.currentTarget); console.log('$(this)', $(this)); console.log('this', this); }); .child 클릭! // jQuery $('.parent').on('click', function(e) { console.log('e.target', e.target); console.log('e.currentTarget', e.currentTarget); console.log('$(this.. 이전 1 2 3 4 5 6 ··· 15 다음
