Web Standard

영단어 어원편: 어원으로 외우는 영단어 1200 다운로드 어원으로 배우는 1,200여 개의 필수 영단어 어원 구조를 활용하여 단어 간의 관계를 체계적으로 학습할 수 있도록 설계된 영단어 학습 앱입니다. ◆ 학습 원리하나의 어근을 중심으로 파생된 단어들을 함께 학습합니다. 접두사와 어근의 결합 원리를 이해하면, 단순 반복 암기에 비해 기억 지속 시간이 길어지고 처음 보는 단어의 의미를 유추할 수 있는 능력이 형성됩니다.예) spec-(보다) expect = ex(밖으로) + spect(보다) → 기대하다 inspect = in(안으로) + spect(보다) → 검사하다 perspective = per(끝까지) + spect(보다) → 관점◆ 수록 범위: 1,200여 단어 · 50챕터중등·고등 교과 필..

수능 영단어 5회독 다운로드같은 단어를 5번 반복, 매번 다른 방식으로 학습하는 수능 영단어 앱입니다. 회독을 거듭할수록 기억이 단단해지도록 설계했습니다. "수능 영단어, 한 번이 아니라 다섯 번." 같은 단어를 매 회독마다 다른 방식으로. 영단어 2,000개를 50일 × 5회독으로 끝내보세요!수능과 내신에 자주 나오는 핵심 영단어를 담았습니다.1회독: 단어와 뜻을 함께 보며 빠르게 훑기2회독: 단어를 보고 뜻 유추하기3회독: 예문과 함께 맥락 속에서 익히기4회독: 아는 단어와 모르는 단어 구분하기5회독: 총 정리 + 모르는 단어 집중 학습하여 마무리같은 단어를 매번 다른 시선으로 다섯 번 만나며 자연스럽게 장기 기억에 자리잡습니다.서버 연결 없이 완전히 오프라인으로 동작하고, 학습 진행은 자동 저장됩..

일본어 상용한자: JLPT N1~N2 다운로드 일본어 상용한자를 학습하세요. JLPT N1~N2 수준의 한자가 제공됩니다.50일 완성!- 광고가 없는 프리미엄 버전입니다.- 훈음/음독/훈독을 제공합니다. 버튼을 누르기 전에 한자만 보고 맞춰보세요.- 다양한 어휘를 학습하세요. 다양한 단어와 음독/훈독별 모든 예문을 제공합니다.- 잘 외워지지 않는 한자는 즐겨찾기 기능을 이용하세요.- 아는 한자와 모르는 한자를 구분해서 버튼을 눌러주세요.- 한 단원이 끝나면 결과를 보고, 모르는 한자만 재학습할 수 있습니다.- 100% 에 도전 해보세요! 일본어 상용한자: JLPT N1~N2 다운로드 일본어 상용한자: JLPT N1~N2 - Google Play 앱일본어 상용한자를 학습하세요. JLPT N1~N2 수준..

일본어 상용한자: JLPT N3~N5 다운로드 일본어 상용한자를 학습하세요. JLPT N3~N5 수준의 한자가 제공됩니다.30일 완성!- 훈음/음독/훈독을 제공합니다. 버튼을 누르기 전에 한자만 보고 맞춰보세요.- 다양한 어휘를 학습하세요. 다양한 단어와 음독/훈독별 모든 예문을 제공합니다.- 잘 외워지지 않는 한자는 즐겨찾기 기능을 이용하세요.- 아는 한자와 모르는 한자를 구분해서 버튼을 눌러주세요.- 한 단원이 끝나면 결과를 보고, 모르는 한자만 재학습할 수 있습니다.- 100% 에 도전 해보세요! 일본어 상용한자: JLPT N3~N5 다운로드 일본어 상용한자: JLPT N3~N5 - Google Play 앱일본어 상용한자를 학습하세요. JLPT N3~N5 수준의 한자가 제공됩니다.play.go..

일본어 회화: 한달 완성 다운로드 하루 한 장, 한 달이면 초보 탈출! 한글만 알아도 배울 수 있는 일본어 회화 문장들을 만나보세요. 초보자를 위한 일본어 회화 앱입니다.총 30챕터, 하루 한 장씩, 한 달이면 왕초보 탈출 할 수 있어요!여행, 실생활에서 자주 쓰이는 대화들을 만나 보세요.- 호텔, 식당, 택시에서 사용할 수 있는 문장들을 배울 수 있습니다.- 날씨 이야기, 경험 한 것, 계획 등을 말해보세요.한글만 알아도 시작할 수 있어요.- 히라가나, 가타카나, 한자를 몰라도 한글 독음으로 바로 시작할 수 있습니다.이 챕터 포인트 + 추가 표현- 한 챕터 마지막에 꼭 알아야 되는 문법, 단어들로 복습할 수 있어요.- 추가 표현으로 비슷한 상황에서 사용되는 다른 문장, 단어들을 익히세요.듣기 기능 제공..

AV1(.avif) 이미지 파일 포맷 기본적으로 초압축된 이미지 타입이다. 이미 넷플릭스는 JPEG, PNG, 심지어 WebP 이미지 포맷 보다 퀄리티나 압축률이 뛰어난 .avif 를 고려해왔다. Alliance for Open Media 에서 Google, Cisco 및 Xiph.org(Firefox 제작사인 Mozilla와 함께 작업)와 공동 으로 개발했으며, 이 형식은 오픈 소스이고 로열티가없는 이미지 형식으로 만들어졌다. JPEG 및 WebP 와 비교 AVIF는 JPEG, WebP에 비해 이미지 파일 크기를 크게 줄여준다. (JPEG 대비 50%, Webp 대비 20% 절감) 모든 이미지 코덱 지원, 손실/무손실, 알파 채널(투명) 가능, GIF 같은 애니메이션 가능! 하다는 점에서 굉장히 사용폭..

HTML의 텍스트 노드(Text node) 는 다루기 까다롭다. 특히 동적으로 삽입되거나 생성될때 더욱 그렇다. 예시를 살펴보자. 하나의 글이 있습니다. p태그에 텍스트 노드를 하나 더 추가 하면 : let el = document.getElementById('el'); el.appendChild(document.createTextNode(' 글을 하나 더 추가 합니다.')); console.log(el.childNodes.length); // 2 글을 하나 더 추가 한 뒤, childNodes 의 개수를 로그로 찍어보면 2개라고 나온것에 주목하자. 이 노드들은 단일 문자열 이지만 동적으로 추가 되었기 때문에, 각각 분리된 노드로 취급된다. 경우에 따라서는 하나의 텍스트 노드로 다루는게 나은데, norm..

addEventListener() 는 웹 요소에 이벤트를 거는것으로 많이 사용된다. 대부분 이런 모습이다. element.addEventListener('click', doSomething, false); 1번째 인자는 이벤트명이다. 2번째 인자는 콜백 함수로, 이벤트가 발생되면 실행된다. 3번째 인자는 useCapture 라 불리는 불린값으로, 이벤트 버블링이나 캡쳐링을 사용할것인지 나타낸다. 위의 코드는 꽤 익숙하다. 특히 1, 2번째 인자는 모두 아는 내용일 것이다. 하지만 3번째 인자값을 다르게 줄 수 있다는 것은 많이 알려지지 않았다. 새로운 인자는 options 객체로, 이렇게 생겼다 : element.addEventListener('click', doSomething, { capture: f..

최신 크롬, 파이어폭스에서 사용 가능한 ES2019(ES10) 의 5가지 기능 Object.fromEntries( ), trimStart( ), trimEnd(), flat(), flatMap() 1. Object.fromEntries() 객체를 배열로 바꾸는 것은 ES2017 에서 Object.entries( ) 메소드로 가능하다. 이 메소드는 객체를 인자로 받아 [key, value] 형태의 배열로 반환한다. const obj = {one: 1, two: 2, three: 3}; console.log(Object.entries(obj)); // => [["one", 1], ["two", 2], ["three", 3]] 반대로 배열을 객체로 변환하려면 어떻게 해야 할까? 파이썬 같은 몇몇 언어는 dic..

grayscale( [ | ] ) 0.0 ~ 1.0 사이의 값 입력 0 인 경우 적용하지 않음 1인 경우 모든 색상값을 잃고 흑백으로 변환됨 See the Pen filter : grayscale by Yunyong Yi (@yunyong) on CodePen. hue-rotate( ) hue(색조, 색상)을 변경 함 angle(각도)를 지정할 수 있으며, 0 인 경우 변화 없음 360deg, 720deg 도 마찬가지로 변화가 없음 See the Pen filter : hue-rotate by Yunyong Yi (@yunyong) on CodePen. saturate( [ | ] ) 채도를 변경 함 1인 경우 변화 없음 음수는 지정할 수 없으며, 1 보다 큰 수 지정 가능 ( 9 는 900% 효과) S..