본문 바로가기

분류 전체보기

(95)
로또추첨기 | ZeroCho 🤑 JavaScript | 로또추첨기 미니 게임 만들기 1. 0~45까지의 숫자가 있는 배열 만들기 let 후보 = Array(45); // 후보 // [empty × 45] ( ) 괄호를 사용하여 45개의 빈 공간(empty)이 있는 배열을 만들어준다. empty는 반복문이 불가하다. 보통 이런 방법은 잘 사용하지 않는다. fill( ); let 필 = 후보군.fill(); // 필 // (45) [undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefin..
웹페이지 마크업하기 | 공공데이터 포털 공공데이터 포털 국가에서 보유하고 있는 다양한 데이터를『공공데이터의 제공 및 이용 활성화에 관한 법률(제11956호)』에 따라 개방하여 국민들이 보다 쉽고 용이하게 공유•활용할 수 있도록 공공데이터(Datase www.data.go.kr 위 사이트를 마크업하고 있습니다. 📄 font-sixe : 반응형에 적합한 사이즈를 위해 rem 단위를 사용함 📄 문제해결 (✅ 해결완료 / ❎ 해결중) 창크기 조절시 메뉴 아이템은 고정되게 하기 ✅ 아이템을 감싸는 div를 만들어 원하는 width값을 준다. button focus시 dropdown menu 활성화 ✅ e.target이 달라지면dropdown show classlist 제거 // //header button focus시 drop menu 활성화 cons..
이벤트 버블링, 캡처링 dropmenu를 만들면서 event에 대해 많이 찾아보고 공부하게 되었다. 🚣‍♀ DOM 이벤트에서 정의한 이벤트 흐름에는 3가지 단계가 있다. 1. 캡처링 단계 - 이벤트가 하위요소로 전파되는 단계 2. 타깃 단계 - 이벤트가 실제 타깃요소에 전달되는 단계 3. 버블링 단계 - 이벤트가 상위요소로 전달되는 단계 가장 하위단계의 태그이벤트를 실행시키면 최상위에서 아래로 전파 (캡처링 단계), 이벤트가 타깃 요소에 도착해서 실행(타깃 단계), 다시 상위요소로 전달되는 (버블링 단계) 위 과정을 통해 요소에 할당된 이벤트 핸들러가 호출된다. ⭐ 이벤트 버블링 가장 안쪽에 있는 p태그를 클릭하게 되면 p → div → form 순서로 alert창이 열린다. 위 흐름을 이벤트 버블링이라고 한다. 이벤트가 제일..
'use strict' 을 선언하는 이유 📄 자바스크립트 작성 시, 상단에 'use strict'; 를 선언하는 이유 why❓ 자바스크립트 언어 만들 때 굉장히 빨리 만들어야 했다 ↓ 굉장히 유연한 언어다 ↓ 위험성이 높다 ↓ (ex) 선언되지 않은 변수에 값 할당이 가능하다, 기존에 존재하는 prototype을 변경할 수 있다.) 말도 안 되는 코드.. ↓ 위 문제 개선을 위해 ECMA5에 추가됨 BAD a=6; // - a=6; 정의되어 있지 않은 a 변수에 값을 할당했는데 에러가 생기지 않는다. (이 출력 자체가 이상한 것이다..) BAD "use strict"; a = 6; //error // use.js:2 Uncaught ReferenceError: a is not defined at use.js:2 - 'use-stict';를 선언..
GitHub 프로젝트 업로드하기 | Git Bash 📖 간단 용어 정리 commit = save와 비슷한 개념 add = 스테이지에 파일을 올리기= 저장을 원하는 파일들을 묶는 일 push = github에 업로드 -> 커밋을 하면 현재 작업 내용의 세이브 데이터가 내 컴퓨터가 저장된다. 👩‍💻 저장소를 생성하고 파일 업로드 하기 GitHub에서 원격 저장소 repository를 생성하고, 생성된 저장소의 주소를 복사해둔다. 👩‍🔧업로드하려는 폴더에서 Git Bash를 실행한다. git config --global user.name "사용자 이름 작성" git config --global user.email "사용자 이메일 작성" - 위 명령어는 설치 후 처음 설정 시에만 작성하면 된다. git init - local repository를 생성하는 명령어..
Reset CSS 👩‍🔧 따로 reset 폴더 만들어서 사용하기 CSS Tools: Reset CSS CSS Tools: Reset CSS The goal of a reset stylesheet is to reduce browser inconsistencies in things like default line heights, margins and font sizes of headings, and so on. The general reasoning behind this was discussed in a May 2007 post, if you're inter meyerweb.com - 위 링크에서 reset 코드를 복사해서 사용한다. => style.css 상단에 @import "reset.css" 작성하고 style 코드 짜기
GitHub의 잔디가 심어지지 않을 때 GitHub을 확인하다 최근에 push한 commit이 있는데 잔디가 안깔려있는 현상을 인지했다.. 서치해보니 email이 잘못 연결되어 있어서 그렇다는 것임을 알게되었다🤦 👩‍🔧 해당 파일에서 Git Bash를 열어서 등록된 이메일이 GitHub의 email과 동일한 지 확인하기 git config --list - user.name과 user.email을 확인할 수 있다. (확인 결과, 역시나 email 오류..) git config --global user.email "내 이메일 주소" - GitHub에 등록되어 있는 email을 작성한다. git config --list 명령어를 다시 실행해서 user.email이 정상적으로 등록되어 있는지 확인하기 !