봉보로봉봉

array(push, pop, slice, join, concat, splice, shift) date(날짜) +교재보고 훑어보기 number, string, array, object(객체) 열심히 공부~ 소수점 자르기 가위바위보 만들기 switch 문 //숫자 1,2,3에 맞춰서 가위,바위,보를 출력 if (comNum == 1) { comResult = '가위'; } if (comNum == 2) { comResult = '바위'; } if (comNum == 3) { comResult = '보'; } //이런 상황에서는 switch문이 더 가독성이 좋음 switch(comNum){ case 1 : comResult = '가위'; break; //switch문은 계속 실행하기때문에 끝내줘야함 case..

보호되어 있는 글입니다.

많은 개발자가 웹 사이트를 개발할 때 특정 레이아웃을 선호하자, HTML5에서 해당 레이아웃을 아예 태그로 만들어 각 요소의 쓰임을 명확하게 구분하였다. > 이를 시맨틱 태그(Semantic tag)라고 한다. Semantic = 의미론적 시맨틱 태그 = 의미를 가지는 태그 나눠진 구획의 기능을 태그 이름만 보고도 이해할 수 있다. 시맨틱 태그를 사용해야하는 이유 1. SEO Search Engine Optimization 2. 접근성 스크린 리더를 이용하거나 키보드만을 이용해 접근하는 경우에 문제없이 동작하도록 해야함 3. 유지보수 한눈에 구조를 알아보기 쉬워야 유지보수에 좋음 웹 페이지 혹은 의 소개나 제목을 담기 위해 사용하는 요소 와 혼동하지 않도록 유의 내비게이션 역할을 수행하는 요소 페이지 이..

navbar를 만들 때 왜 대체 다들 를 사용하는지 너무 궁금해서 찾아보니까 왜 글을 맞춤법대로 쓰나요 같은 맥락의 의문이었다! 의미 요소가 아닌 div 요소나 span 요소 등은 해당 요소가 무슨 목적으로 사용되었는지 코드를 살펴봐야 알 수 있다. 하지만 의미 요소인 table 요소는 코드를 보지 않아도 해당 요소가 표를 만드는 데 사용되었다는 것을 이름만 살펴봐도 바로 알 수 있다. 이와 같이 ul 과 li 를 쓰게 되면 의미적으로 이것은 목록이라는 것을 사용자에게 알려주게 된다. >그래서 메뉴 navbar를 만들 때 li태그를 사용한다. HTML을 작성할 때는 표현하려는 내용이 무엇을 의미하는지에 따라 태그를 적절히 사용해 코드만 보고도 구조를 파악하기 쉽게 코드를 짜야한다! 시맨틱 태그를 쓰는 이..

File > Preferences > Settings 단축키 : Ctrl + , editor tab 검색 Detect Indentation 체크 해제 Insert Spaces 체크 Tab Size 원하는 숫자로 설정 Setting 창 닫기 하지만 이미 작성된 코드에는 적용되지 않음 정렬하면 됨 마우스 오른쪽 > Format Document 단축키 : Shift + Alt + F 하면 설정한 들여쓰기데로 정렬됨

최대한 적은 줄로 코드를 짜기 위해 노력해야함! 2단부터 9단까지 구구단 한번에 출력하기 내가 혼자 풀었을 때는 let num = 2; ran = 1; cal_2 = ''; while (num < 10) { while (ran < 10) { cal_2 += `${num} x ${ran} = ${num * ran} `; ++ran; }; ran = 1; elGugudan_final.innerHTML = `${cal_2}`; num++; } //이렇게 하면 결과물들이 다닥다닥 붙어서 나옴 이렇게 되서 다닥다닥 붙어서 나왔는데 선생님의 방법으로 작성하니 let num = 2; ran = 1; cal_2 = ''; let step = 1; while (num

figure 태그 요소는 독립적인 콘텐츠를 표현합니다. 요소를 사용해 설명을 붙일 수 있습니다. 피규어, 설명, 콘텐츠는 하나의 단위로 참조됩니다. 보통 는 주 문서 플로우가 참조하지만, 다른 부분이나 부록으로 이동해도 문제 없는 이미지, 삽화, 도표. 코드 조각 등을 맡습니다. cite 태그 요소는 저작물의 출처를 표기할 때 사용하며, 제목을 반드시 포함해야 합니다. 적절한 맥락 아래에서는 출처를 축약해서 표기할 수 있습니다. 시, 논문, 에세이 등등 다양한 저작물들에 사용 W3C 명세는 요소로 저작물의 출처를 표기할 때 저작자도 표기할 수 있음을 명시하고 있습니다. 그러나 정반대로, WHATWG 명세는 사람 이름을 어떤 상황에서도 절대 포함하지 말아야 한다고 적혀있다는 점을 알아두는 것이 좋습니다. ..

W3C 통합 검사기 https://validator.w3.org/unicorn/ Unicorn Nu Html Checker is now the default, for markup other than HTML5 you may use the legacy Markup Validator through custom task settings. validator.w3.org W3C CSS 마크업 검사기 http://jigsaw.w3.org/css-validator/ W3C CSS 검사 서비스 파일 업로드를 통한 검사 직접 입력을 통한 검사 jigsaw.w3.org WAVE Web Accessibility Evaluation Tool https://wave.webaim.org/ WAVE Web Accessibility..