본문 바로가기

전체 글

 (82)
프렙 4 1. 프로토타입 다시 한번 보기 2. 프로토타입 문제 6번 3. html에서 그룹화 해주는 div 태그, class값을 주고 사용할 일이 없다면 시멘틱 태그 이용 ? or ,div태그에 사용하진 않지만 class지정 or div 클래스지정 x (가독성문제) 4. 캘린더 todoRemove 함수 var list = e.target.parentNode.parentNode.parentNode; 와 같은 코드 개선 방법 5. viewTodoList > addTodo 함수 자식의 클래스가 x인것을 찾는데 , 자식의 클래스가 다수이면 모두 적어야 하는지 ? ex) 자식 클래스 : class = "x y z" 5-2. 자식 태그 선택시 클래스나 ,태그네임으로 선택 바로 할 수는 없는지 ? // 자식수 만큼 for문으..
Prototype, instance , __proto__, Prototype Chain - Prototype 기초 / 표준 프로토타입이란 ? 함수가 생성될 시 동시에 프로토타입이라는 객체가 생성된다. 프로토타입엔 그 함수의 기능과 , 속성들이 들어있다 객체(object)는 함수(function)로부터 시작된다 //자바스크립트가 실제 실행하는건, 함수를 실행 배열, 객체, 함수 => 함수로 만들어짐 // ex) new Array(), new Object() 객체 => 함수를 실행한것 // new Object 생성자 함수를 실행한것 ex) var a = ["거북"]; var a = new Array("거북"); ex) function foo() {} => var foo = new Function() foo라는 함수를 선언한것은, new Function 생성자 함수를 사용한것과 같음 모든 객체는..
this - this 대부분 객체로 사용됨 //몇가지 예외 존재 문장의 주체에 따라서 나(this) 변경됨 ex) 아버지 : 나는 허리가 아프다 (나 === 아버지) 누구의 것인지 주체 파악하기 주체 , 문장 따로 생각 4가지 사용 방법이있음. //this 사용함수 어떤 방식으로 실행 하느냐 에 따라서 값이 바뀜 1. 일반함수 실행방식 - Regular function call 1 - 1 (in non-strict mode) 일반모드 this === 글로벌 객체 1 - 2 (in strict mode) 엄격한 모드 구체적으로 코드 작성 해야함 this === undefined // strict mode일때 this값 확실히 적용 해줘야 함 strict mode 적용방법 함수 본문 처음에 "use strict"; ..
프렙 3 1. 호이스팅,클로저 개념과 ex 다시 점검 -Bootcamp Prep 파트7.Week 5. Advanced Javascript 1 Exercise //호이스팅 7번문제 함수표현식이 함수선언식보다 순서가 뒤에 실행되어서 , 함수표현식이 실행됨? 2. this strict mode일떄 this 사용 불가 ????? 3. 파트9.Week 7. Advanced Javascript 3 Exercise 문제들 해석 토론 6번 문제 Person.displayName(); //왜 Person인지? console.dir(Person) //속성에 name:"Person" 값이 있다. 이유는? 4. html 클래스명 , javascript 함수명 중복 사용해도 되는지 ? 5. 캘린더 css 인라인 시트 사용 clickVi..
프렙 2 질문할것 , 수업 후 1. 두더지만들기 - 이미지 공백없이 붙이기 - div공간 정렬 flex 주로 이용 하는지? 2. 프론트 디자인 영역도 포함하는데 적성? 3. 어느정도까지 구현 , 기술 공부 후 취업 ? 4. 프로그래밍 분야가 다앙햐다. 첫 시작은 웹이지만 , 웹 공부에 집중 ? 어느정도 수준이 된다면 다른것들도 공부하고, 맛보면서 내가 어떤것이 더 잘 맞는지 알아가기 ? 5. 오목을 만들려고 할때 ( 15 * 15 사이즈) 225개 이미지 따로 만드는게 최선인지 ? 1. 두더지만들기 - 주석은 꼭 필요한 설명에만 달기 //변수나, 이벤트 등등 알아볼 수 있는것들은 주석X - 지역변수 변수선언 오타 - 이미지 마크업에서 공백없이 붙이기 //가독성 문제시 주석으로 설명 2. 클로저, 호이스팅 개념과 연습문제 다시 보기 /..
문자열,숫자열 변환하기 숫자 => 문자 String(변수); 문자 => 숫자 Numner(변수);
이벤트핸들러 1회 적용 후 제거 function aaa(){ alert('사용자함수 실행'); } element.addEventListener("click", aaa); element.removeEventListener("click", aaa); - 사용자 함수를 제거 익명함수를 사용했다면 ? element.addEventListener("click, function(){ alert('익명함수 실행'); this.removeEventListener("click",arguments.callee); }); 참고 블로그 http://bamtol.net/v5/bbs/board.php?bo_table=pp_js&wr_id=45
Closure ,Recursion ,Call Stack , Closer -함수가 본인이 생성된 곳의 주변 환경을 기억한다. //부모 함수에 자식함수 생성됨 //부모 함수의 실행내용 { } 중괄호 안의 변수,인자 등 주변 환경을 함께 기억한다 //함수가 실행되는 위치는 어디든 상관 없음 - 내부 함수에서 외부 함수 변수에 접근하는것 //함수 실행식 안의 변수, 함수 - 함수가 실행되면 스코프 정보가 생긴다 - 부모함수에 선언된 자식함수에서 부모함수에서 선언된 변수에 접근할 수 있다. - 스코프는 함수단위로 저장됨 변수를 찾을때 들여다보는 표가 스코프 스코프체인 : 스코프끼리 연결되어있다 - Recursion (재귀함수) 자기 자신을 호출 하는 함수 ex ) factorial - Call Stack 함수 실행 => 아래 칸이 쌓임 함수 종료 => 칸 제거 참고 블로..

티스토리툴바