엘리멘트에 data- 속성을 추가하고 javascript를 이용하여 속성 값을 가져올 때 dataset을 사용한다. <article id="electriccars" data-columns="3" data-index-number="12314" data-parent="cars" > ... </article> ...

https 프로토콜로 접속 시 ‘연결이 비공개로 설정되어 있지 않습니다’ NET::ERR_CERT_INVALID 에러가 뜬다. 보통은 여기서 아래에 있는 [고급]을 누르면 페이지로 접근할 수 있는 링크가 나오는데, 이 경우는 접근 링크가 나타나지 않는다. 해결 방법: 페이지 내에 영문으로 thisisunsafe 라고 입력하면 정상 이동한다. NE...

filter() 메서드는 주어진 함수의 테스트를 통과하는 모든 요소를 모아 새로운 배열로 반환합니다. find() 메서드는 주어진 판별 함수를 만족하는 첫 번째 요소의 값을 반환합니다. 그런 요소가 없다면 undefined를 반환합니다. 만약 배열에서 특정 값을 가진 배열을 새로 만들고 싶다면 filter()를, 특정 값을 가진 요소를 수정하고 싶...

{ // Set the default "editor.formatOnSave": false, // Enable per-language "[javascript]": { "editor.formatOnSave": true }, "editor.codeActionsOnSave": { // F...

스타일 속성에서 &:not() 사용 [class*='icon-'] { margin: 0; &:not(.black) { color: $white; } } ~~~

parameter (매개변수) parameter는 함수 정의에 나열된 이름입니다. function functionName(parameter1, parameter2, parameter3) { // code to be executed } argument (전달인자) argument는 함수에 전달되고 함수에 의해 수신되는 실제 값입니다. mu...

Line 49:44: Expected to return a value in arrow function array-callback-return 위 에러는 콜백에서 return을 하지 않아 나타나는 에러로 해당 옵션을 비활성화 함으로 해결했다. /* eslint-disable array-callback-return */ 배열 메서드의 콜백에서 ...

메모리 관리의 개요 메모리 관리의 복잡성 메모리의 구조는 1B 크기로 나뉘고 각 영역은 메모리 주소로 구분한다. CPU는 메모리에 있는 내용을 가져오거나 작업 결과를 메모리에 저장하기 위해 메모리 주소 레지스터를 사용한다. 메모리 관리의 이중성 메모리 관리의 이중성은 프로세스 입장에서 작업의 편리함과 관리자 입장에서 관리의 편리함이 충돌을 일...

ThemeProvider를 import 한다. import { ThemeProvider } from "styled-components"; theme 객체를 만들어 적용하고 싶은 속성을 넣어준다. const theme = { black: "#000000", white: "#ffffff", }; Theme을 적용할 범위를 ...

이슈 내용 Chrome89에서 동영상을 중지하면 종료페이지가 보여야 하나 화면이 멈추는 현상 디버깅하면 정상적으로 종료페이지로 이동한 것으로 확인되지만 동영상 화면 남아있음 안드로이드에서 열려있는 어플 화면으로 갔다가 다시 크롬 앱을 실행하면 종료 화면 보임 Frozen screen when clicking ‘stop video’ ...