# MDN

52개의 포스트

시작하기에 앞서

TOOLs > Visual Studio Code

2023년 5월 15일
·
0개의 댓글
·
post-thumbnail

[💛JS] Array.prototype.reduce()

JS, Array.prototype.reduce()란?

2023년 5월 2일
·
0개의 댓글
·
post-thumbnail

HTML (head, body), tag, Box model 정리 feat.MDN

HTML Basic Knowledge

2023년 4월 6일
·
0개의 댓글
·

HTML 이미지 태그 가운데 정렬하기

Tim_Berners_Lee.html 중 일부:style.css:img 태그를 가운데 정렬하면서 크기가 창 크기, 좀 더 정확히는 부모 엘리먼트의 크기에 따라 조절되도록 하려고 한다.1\. margin: auto; : 좌 우 margin의 크기를 맞춘다. picture

2023년 2월 23일
·
0개의 댓글
·

[javascript] Math.trunc()

두 개의 매개변수끼리 나눈 뒤 정수부분만을 출력하는 문제에서,Math.floor나 parseInt 를 사용해서 문제를 풀었다.다른 분들의 풀이를 보니 Math.trunc라는 아주 정확히 그 부분을 위한 함수가 있었다..! 참조 https://developer

2023년 2월 9일
·
0개의 댓글
·
post-thumbnail

🦠 치명적인 애니메이션 효과

⚠️ 잘못된 애니메이션은 전정 장애(메스꺼움, 어지러움), 간질, 편두통, 광과민성 증후군을 유발할 수 있습니다. 어떻게 해야할까요?

2023년 1월 24일
·
2개의 댓글
·

[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

2022년 12월 12일
·
0개의 댓글
·
post-thumbnail

CSS-flex box

Flexbox Froggy 게임: https://flexboxfroggy.com/🔗 Resources:Material Design Color Tool:https://material.io/resources/color/CSS Tricks for Flex

2022년 12월 8일
·
0개의 댓글
·
post-thumbnail

HTML과 Tag

코딩 공부를 하다보니 HTML 태그이 종류에 대해서 기초가 많이 부족하다고 느끼게 되었다. 작업을 하면서 모르는 tag는 그때그때 찾아보기는 하지만,애초에 아는것이 없으니 코딩할때마다 막히는것이 많아 조금 알아보고 시작하고자 한다. 먼저 태그를 사용하는 HTML이란 무

2022년 12월 1일
·
0개의 댓글
·

mdn튜토리얼 js게임 만들어보기0

https://developer.mozilla.org/ko/docs/Games/Tutorials/2D_Breakout_game_pure_JavaScript출처코딩할때 만들고 싶은 것들은 만들다 보면 즐기면서 공부할 수 있다.하지만 어느정도 기본틀을 배우고 시작

2022년 11월 25일
·
0개의 댓글
·
post-thumbnail

브라우저 대용량 파일 1 - 한줄씩 읽기

이제 브라우저에서 대용량 텍스트나 파일을 읽을 수 있다! 게다가 여러분도 쉽게 따라할 수 있다! 아주 좋다! 따라와라! node.js 스트림 해봤다면 안 봐도 비디오인 이 강좌를!

2022년 10월 27일
·
0개의 댓글
·

[MDN Javascript - Dynamic client-side scripting] Javascript 가 뭔가요 ?

JavaScript는 표준 웹 기술이라는 케이크의 세 번째 층입니다. HTML은 웹 콘텐츠의 구조를 짜고 의미를 부여하는 마크업 언어입니다. 예를 들어 페이지의 어디가 문단이고, 헤딩이고, 데이터 표와 외부 이미지/비디오인지 정의합니다.CSS는 HTML 콘텐츠에 스타

2022년 10월 27일
·
0개의 댓글
·
post-thumbnail

[책정리] CoreJavaScript 5-1 클로저의 의미 및 원리 이해

클로저는 자바스크립트의 문법이 아니라 함수형 프로그래밍 언어에서 등장하는 어떤 특성입니다. 그래서 ECMASCript 명세에서도 클로저의 정의를 다루지 않으며 여러 곳에서 클로저를 다양하게 설명하고 있습니다.MDN에서는 클로저에 대해라고 설명하는데, 직역해보면 클로저는

2022년 9월 3일
·
0개의 댓글
·

HTML MDN

download링크로 이동하는 대신 사용자에게 URL을 저장할지 물어봅니다.값을 지정할 수도 있고, 지정하지 않을 수도 있습니다.herf하이퍼링크가 가리키는 URL.링크는 HTTP 기반 URL일 필요는 없고, 브라우저가 지원하는 모든 URL 스킴을 사용할 수 있습니다.

2022년 8월 8일
·
0개의 댓글
·
post-thumbnail

JS_Bubbling and Capture

버블링과 캡처는 단계(phases)를 설명하는 단어다.‘여기서 단계란, 어떻게 해당 브라우저가 target된 이벤트(nested elements)들을 다루는 지에 대한 묘사를 일컫는다.버블링과 캡처링은 텍스트로만 의미를 전달하기 힘드니 예제를 활용해보자.여기서 버튼은

2022년 8월 5일
·
0개의 댓글
·
post-thumbnail

CSS 기초 - 이해도 자가 점검

CSS의 사용 목적을 이해한다.⭕️CSS의 기본 문법과 구조를 이해한다.⭕️CSS를 HTML에 적용하는 방법에 대해서 이해한다.⭕️HTML 안에 CSS를 직접 정의하는 것을 권장하지 않는 이유를 이해한다.⭕️CSS를 이용해 텍스트를 꾸밀 수 있다.⭕️CSS에서 쓰이는

2022년 6월 30일
·
0개의 댓글
·
post-thumbnail

MDN Web Docs 읽기 - JavaScript 1

JavaScript란?

2022년 6월 14일
·
0개의 댓글
·
post-thumbnail

mdn 문서를 처음으로 수정했습니다!!

Mdn 문서에 기여한 기록

2022년 5월 27일
·
1개의 댓글
·
post-thumbnail

Javascript | MDN,배열의 내장함수

MDN : HTML, CSS, JS 사전Mdn 가이드라인내가 궁금한 메서드를 검색한다.시도해보기 부분을 보며 사용방법을 익힌다.구문 부분의 매개변수, 반환값 부분을 보며 디테일한 사용 방법을 익힌다.\*\*구문map vs forEachmap함수의 바디가 한줄이면 괄호를

2022년 5월 16일
·
0개의 댓글
·