🏃‍♀️ Do it !/TIL

프로젝트 기획

2022/08/18 목 프로젝트 기획안 작성 RAP ✔️프로젝트 기획안 작성 1. 명확한 목표 2. 기능 - 목표를 만족시키는 기능 - 좋은기능 -> 목표를 만족시키지 않거나, 관계가없음 - 모든 기능이 모아졌을때 목표를 만족하는가? - 기능도 스토리가 있어야함 3. 구조 - box라도 그리자, 글자만 적어두면 안된다. - 순번을 넣어서 기능 또는 사용법과 연관시키면 좋다. - 구조가 기능을 만족하는가 - 구조도 스토리가 있어야한다. ✔️RAP 애플 에어팟 페이지 클론코딩

Element / event

2022 / 8 / 17 수 Element Event ✔️Element // 1. 새로운 element를 만들어라. const h1elem = document.createElement('h1'); // 2. 만든 h1태그에 hello 텍스트를 넣어라 / element를 설정한다. h1elem.textContent = 'hello world'; // 3. body에 appendChild로 붙여넣어준다. document.body.appendChild(h1elem); //------------------------------------------------------------- // welcome 을 없애버리자. // const target = document.querySelector('h1'); // we..

버블소트 / DOM구조

2022 / 8 / 16 화 버블소트 DOM구조 프로젝트 계획 ✔ 버블소트 배열을 오름차순, 내림차순으로 정렬해 보자. // asc = ture : 오름차순 , asc = false : 내림차순 const bubblesort = function(asc, ...ar) { let arr; let temp = 0; // 1. type1이 오던 type2이 오던 type1로 맞추자. console.log(typeof(ar[0])); // 배열의 0번째가 넘버라면 ar값을 arr에 넣어라 // 근데 배열안의 배열이기에 [44,33,22,55,11]이 0번째값이 됨 if (typeof(ar[0]) === 'number') { arr = ar; // arr에 [44,33,22,55,11] 이값을 넣어라 } else ..

알고리즘 / 버블소트

2022 / 8 / 12 금 알고리즘_버블소트 ✔️알고리즘_버블소트 알고리즘? - 문제를 해결하는 방법 컴퓨팅에서의 알고리즘이란? - 데이터에 관한 문제를 해결하는 방법 ! 알고리즘 성능 평가란? - 알고리즘이 주어진 문제를 해결하는데 걸리는 시간과 데이터 입력량의 함수 관계를 해석하는 과정 더보기 데이터가 증가하면 알고리즘의 시간도 늘어난다. A : 1억개의 데이터를 넣었는데 시간이 1초 걸림 B : 1억개의 데이터를 넣었는데 시간이 60초 걸림 누가 더 좋은 코드일까? 당연히 시간 1초 걸리는 A 여기서 원인과 결과를 알 수 있음. 원인은 1억개 결과는 걸린 시간 알고리즘 성능 평가 기준 - 입력된 데이터의 수와 연산 횟수의 함수 관계로 표현 - 데이터의 수와 연산 횟수의 관계를 정확하게 표현하는 것..

scope / 문서객체모델

2022 / 08 / 11 목 scope 문서객체모델 ✔scope 스코프란? - 변수가 유효성을 가지는 범위 - 스코프는 기본적으로 프로세스 메모리 맵의 구조에 의존적 - 선언된 위치에 따라 스코프가 결정 - 같은 이름으로 변수가 선언된 경우 스코프가 겹칠 수 있음 - 스코프가 겹칠 때 어떤 변수가 우선권을 가지는지 판단하는 기능이 필요하며, 이러한 기능을 식별자 해석(identifier resolution)이라고 함 구분 전역 스코프 지역 스코프 변수의 의미 전역 변수 지역 변수 선언위치 코드의 가장 바깥부분 함수의 내부 유효영역 전역 영역과그 하위 영역 함수 자신과 그 하위 영역 특징 Var와 같은 선언자를 생략시 전역스코프 ES5(var)는 함수 레벨 스코프 지원 ES6(let, const)는 블록..