# MDN
HTML 이미지 태그 가운데 정렬하기
Tim_Berners_Lee.html 중 일부:style.css:img 태그를 가운데 정렬하면서 크기가 창 크기, 좀 더 정확히는 부모 엘리먼트의 크기에 따라 조절되도록 하려고 한다.1\. margin: auto; : 좌 우 margin의 크기를 맞춘다. picture
자주 헷갈리는 CSS 개념 3가지 [HTML/CSS 2]
오늘은 display 속성, Selector, box-sizing 속성에 대해서 살펴보겠습니다.
[javascript] Math.trunc()
두 개의 매개변수끼리 나눈 뒤 정수부분만을 출력하는 문제에서,Math.floor나 parseInt 를 사용해서 문제를 풀었다.다른 분들의 풀이를 보니 Math.trunc라는 아주 정확히 그 부분을 위한 함수가 있었다..! 참조 https://developer
🦠 치명적인 애니메이션 효과
⚠️ 잘못된 애니메이션은 전정 장애(메스꺼움, 어지러움), 간질, 편두통, 광과민성 증후군을 유발할 수 있습니다. 어떻게 해야할까요?
[MDN] Getting started with web
Installing basic software Install A text editor Web browsers A local web server Tools A computer A text editor Web browers A graphics editor A version
CSS-flex box
Flexbox Froggy 게임: https://flexboxfroggy.com/🔗 Resources:Material Design Color Tool:https://material.io/resources/color/CSS Tricks for Flex
HTML과 Tag
코딩 공부를 하다보니 HTML 태그이 종류에 대해서 기초가 많이 부족하다고 느끼게 되었다. 작업을 하면서 모르는 tag는 그때그때 찾아보기는 하지만,애초에 아는것이 없으니 코딩할때마다 막히는것이 많아 조금 알아보고 시작하고자 한다. 먼저 태그를 사용하는 HTML이란 무
mdn튜토리얼 js게임 만들어보기0
https://developer.mozilla.org/ko/docs/Games/Tutorials/2D_Breakout_game_pure_JavaScript출처코딩할때 만들고 싶은 것들은 만들다 보면 즐기면서 공부할 수 있다.하지만 어느정도 기본틀을 배우고 시작
브라우저 대용량 파일 1 - 한줄씩 읽기
이제 브라우저에서 대용량 텍스트나 파일을 읽을 수 있다! 게다가 여러분도 쉽게 따라할 수 있다! 아주 좋다! 따라와라! node.js 스트림 해봤다면 안 봐도 비디오인 이 강좌를!
[MDN Javascript - Dynamic client-side scripting] Javascript 가 뭔가요 ?
JavaScript는 표준 웹 기술이라는 케이크의 세 번째 층입니다. HTML은 웹 콘텐츠의 구조를 짜고 의미를 부여하는 마크업 언어입니다. 예를 들어 페이지의 어디가 문단이고, 헤딩이고, 데이터 표와 외부 이미지/비디오인지 정의합니다.CSS는 HTML 콘텐츠에 스타
[책정리] CoreJavaScript 5-1 클로저의 의미 및 원리 이해
클로저는 자바스크립트의 문법이 아니라 함수형 프로그래밍 언어에서 등장하는 어떤 특성입니다. 그래서 ECMASCript 명세에서도 클로저의 정의를 다루지 않으며 여러 곳에서 클로저를 다양하게 설명하고 있습니다.MDN에서는 클로저에 대해라고 설명하는데, 직역해보면 클로저는
HTML MDN
download링크로 이동하는 대신 사용자에게 URL을 저장할지 물어봅니다.값을 지정할 수도 있고, 지정하지 않을 수도 있습니다.herf하이퍼링크가 가리키는 URL.링크는 HTTP 기반 URL일 필요는 없고, 브라우저가 지원하는 모든 URL 스킴을 사용할 수 있습니다.
JS_Bubbling and Capture
버블링과 캡처는 단계(phases)를 설명하는 단어다.‘여기서 단계란, 어떻게 해당 브라우저가 target된 이벤트(nested elements)들을 다루는 지에 대한 묘사를 일컫는다.버블링과 캡처링은 텍스트로만 의미를 전달하기 힘드니 예제를 활용해보자.여기서 버튼은
CSS 기초 - 이해도 자가 점검
CSS의 사용 목적을 이해한다.⭕️CSS의 기본 문법과 구조를 이해한다.⭕️CSS를 HTML에 적용하는 방법에 대해서 이해한다.⭕️HTML 안에 CSS를 직접 정의하는 것을 권장하지 않는 이유를 이해한다.⭕️CSS를 이용해 텍스트를 꾸밀 수 있다.⭕️CSS에서 쓰이는
Javascript | MDN,배열의 내장함수
MDN : HTML, CSS, JS 사전Mdn 가이드라인내가 궁금한 메서드를 검색한다.시도해보기 부분을 보며 사용방법을 익힌다.구문 부분의 매개변수, 반환값 부분을 보며 디테일한 사용 방법을 익힌다.\*\*구문map vs forEachmap함수의 바디가 한줄이면 괄호를
모바일 접근성(Mobile accessibility)
회사에서 개발하는 제품이 대체적으로 앱이라서 모바일 접근성에 대해 알아둘 필요가 있다고 하여 접근성에 기본인 스크린리더기에 대해 MDN문서를 찾아봤다talkback은 안드로이드에 내장되어있는 스크린리더다하지만 안드로이드 버전에 따라 심지어 핸드폰모델에 따라 크게 다른
MDN Syntax 구문 읽는 방법
자바스크립트를 배우다보면 가장 먼저 보게되는 영어와 기호들... mdn사이트에서 문법읽을 때 이해가 되지 않았다. 이제는 좀 알게 된 것 같다.
