선택자 2개를 동시에 만족하는 요소를 선택하는 개념.span태그와 orange class를 동시에 만족하는 요소 선택하위선택자를 좀 더 명확하게 하기 위해 보통 사용ul태그 안에 있는 orange class선택자 ABC의 하위 요소 XYZabc 태그 밑에 있는 XYZ
html 전역속성이란 body에 쓸 수 있는 모든 tag에 쓸 수 있는 속성title = 마우스를 올리면 나오는 속성전에도 한번 공부했지만 다시 한 번 정리.dataset.이름 으로 console.log 확인.but, JS는 하이픈(-) 이 안되므로 만약 이름에 fru
google에 reset.css cdn 검색코드로 html을 따서 link css 것 위에 넣기.codepen같은 경우는 css 설정에서 css base Reset 설정.그럼 기본적으로 페딩 등 들어있는 것들이 전부 초기화가 된다.대표적으로는 span tag.글자를 만
head란 문서의 정보를 나타낸다.웹 제목, 설명, 파일의 위치, style 등 눈에 보이지 않는 정보를 작성하는 곳으로 이해그래서 css를 보통 연결할 때 HTML에서 head에서 link로 연결link란 외부문서를 가져올 때 사용한다. (대부분 css 파일이 대다수
크게는 비트맵 이미지와 벡터 이미지로 나뉜다.사진같은 이미지.확대 / 축소 시 계단 현상이 일어나거나 품질이 저하될 수 있다.일반적인 사진.선, 점으로 이루어진 수학적 공식들로 만들어진 것.확대 / 축소에서 자유로움. 용량 변화 X일반적인 사진으로는 활용 불가
State가 뭔지 물어보았는데 내 대답이 영 형편이 없었고..Redux에 대해 물어보았는데 이것 또한 내 대답이 형편이 없었다.다시 한 번 정리하자.특히 Redux는 이번에 국비지원 교육 잘 받으면서 다시 한 번 잘 복습해보기..!!
Canvas API는 JavaScript와 HTML canvas 엘리먼트를 통해 그래픽을 그리기위한 수단을 제공한다. HTMLjavascript무엇보다도 애니메이션, 게임 그래픽, 데이터 시각화, 사진 조작 및 실시간 비디오 처리를 위해 사용된다.실제 그리기는 Canv
면접에 나왔던 것 중에 대답을 했던 것.클로저란 무엇인가var, let, const의 차이다시 복습해야 할 것선언형 -> HTTP / CSS / JS로 나뉘어서 개발하는 것은 직관적이지 않다. 즉, querySelector 등을 이용하여 js에서 다시 불러와서 하는 불
setTimeout은 비동기 함수로 다른 함수 호출을 막지 않는다.setTimeout은 함수이기 때문에 기본적으로 함수 구조를 갖는다.setTimeout(() => {}) 하지만 여기에서 중요한 건 두 번째 인자로 count가 들어가는데, 그 카운트 이후에 함수를 실행
눈에 보여지는 수치.HTMLElement.offset은 원초적인 사이즈라고 이해하면 된다.문서가 수직으로 얼마나 스크롤됐는지 픽셀 단위로 반환수평은 window.scrollX 사용HTML에서 data-\*\*\*\*(넣고 싶은 이름)로 사용할 수 있다.어느 엘리멘트에나
line-height 속성은 line-box 의 높이를 지정한다.주로 텍스트간의 줄 간격을 조절할 때 사용한다.아이콘, 이미지, 글 등을 일정한 크기의 안에 넣을 때 가운데 정렬을 할 때도 사용이 가능하다.물론 가운데 정렬이 의미가 되는 건 아니지만 line-heigh
나는 이런식으로 풀었었다.그런데 이게 빈문자열을 만나게 되면 el0가 undifined를 반환한다.그래서 런타임 에러가 떴었다.그렇기 때문에 이 부분을 바꿔줘야한다. charAt에 숫자를 넣으면 index 부분을 반환해준다. charAt은 빈문자열을 만나면 빈 문
수직 정렬을 할 때 쓴다.hover는 마우스를 올렸을 때 다른 동작을 하도록 만드는 것이다.그냥 hover를 쓰는 것은 문제가 없으나, 호버 해당 부위를 설정할 때는 이런 식으로 써야한다.여기서 자세히 보기https://studiomeal.com/archive
유클리드 호제법을 알면 쉽게 풀 수 있는 거라고 하던데 나는 아직 인지를 못했었어서 엄청 고생했는데 결국 못풀었다.이제부터라도 인지하자..유클리드호제법은 최대공약수를 구하는 알고리즘이고, 그 알고리즘을 이용하여 최소공배수를 구하면 된다최소공배수는 두 수의 곱 / 최대공
문제가 어려웠던 건 아니다.그런데 내가 너무 생각이 부족하여 꼬여버렸다.slice를 쓰면 쉽게 해결할 수 있던 문제였는데, slice가 배열에만 된다고 착각을 해버리는 바람에 너무 꼬아서 풀었던 문제다.그냥 단계별로 조건에 맞게 만들면 된다.다른 사람 풀이정규표현식을
애니매이션을 쉽게 만들 수 있는 요소.transition-property = 어떤 property를 줄 것인지transition-duration = 얼마나 딜레이를 줄 것인지transition-timing-function = 어떤 식으로 animation을 줄 것인지