본문 바로가기

분류 전체보기

 (92)
event delegation, 버블링, 캡쳐링 이벤트 위임 이벤트 흐름을 관리 해준다 버블링 아래 => 위 클릭시 하위요소 => 상위 요소 차례대로 발생 ​ 캡쳐링 위 => 아래 클릭시 상위요소 => 하위 요소 차례대로 발생 ​ // 대부분 버블링 사용 이벤트 전파 중지 event.stopPropagation(); 현재껀 실행되고 다음껄 막음 이벤트 리스너 옵션 기본 => 버블링 true => 캡처링 참고자료 https://joshua1988.github.io/web-development/javascript/event-propagation-delegation/ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​​
HTTP, JSON ,AJAX - HTTP HyperText Transfer Protocol 텍스트 기반의 통신 규약 클라이언트와 서버간의 통신에서 많이 사용되는규약 //세계적으로 웹 상에서 가장 흔하게 쓰이는 규약 서버: 자료에 대한 접근을 관리하는 네트워크 상의 시스템 클라이언트 : 그 자료에 접근할 수 있는 프로그램 //웹 , 핸드폰 어플 ex) 클라이언트 (회원가입정보 전송) => 서버 (회원 정보 저장) 클라이언트 , 서버간의 교류 => HTTP 규약 이용하여 발생 Request : 요청 클라이언트가 서버에게 값을 달라고 요청 Response : 응답 서버의 요청에 대한 응답을 클라이언트에게 보냄 - JSON Javascript Object Notation 데이터 저장, 전송시 많이 사용되는 데이터 형식 서버와 클라이언트간의..
프렙 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(변수);

티스토리툴바