분류 전체보기91 image,overflow : hidden img 같은 경우 부모의 width 사이즈가 얼마던 간에 width를 무시를한다. (자기 본디 사이즈를 찾아가는 성격) 그래서 width : 100% 주자. (부모의 width 100%를 따라가겠다) display : inline 임에도 불구하고 width, height 주는 것 이 가능하다. if) 부모의 width 300 height 200 img 본디 사이즈가 400 400 이라고 가정하고 width 100% , height auto 라면 아래의 사진 처럼 된다. 이럴 경우 부모의 요소에 overflow : hidden 을 사용하자 자식의 요소가 넘쳐나면 그 요소는 자른다. img 태그를 사용 할 경우 반드시 src ="" alt ="" 속성을 반드시 추가하자 alt 에트리뷰트는 설정한 이미지가 나.. 2021. 3. 31. html mark up * tip 최소한의 서로 다른 성격의 단위로 쪼개보자 (덩어리 들로 나누자) 태그가 정보컨텐츠로써 어떠한 역할을 하는가? 2021. 3. 31. html - escape code 내가 보다 작음 ( 2021. 3. 31. Wrapper 객체 JS는 날짜,오류, HTML 요소(HTML element)등을 다룰 수 있게 해주는 다양한 내장 객체를 제공한다. primitive type 을 객체로써 사용 할 수 있게 끔해주는 것이 Wrapper 객체이다. Wrapper 객체는 원시 자료형의 이름을 그대로 차용해, String,Number,Boolean, Symbol라고 부른다. 1.문자열 str은 원시값이므로 원시값의 프로퍼티(toUpperCase)에 접근하는 순간 특별한(래퍼) 객체가 만들어진다. 이 객체는 문자열의 값을 알고 있고, toUpperCase()와 같은 유용한 메서드를 가지고 있다. 2.메서드가 실행되고 , 새로운 문자열이 반환된다. 3.특별한 객체는 파괴되고 원시값 str만 남는다. 객체는 -> 논리 평가 시 항상 참을 반환한다. .. 2021. 3. 23. 기본자료형 (Symbol) 유일한 식별자를 만들고 싶을 때 사용한다. description 이 동일한 심볼을 여러개 만들어도 심볼 값은 다르다. (description 이 같아도) 심볼 특징 1) 프로퍼티가 우연히라도 사용되거나 덮어씌워 지는 것을 예방 할 수 있다. Symbol( )을 호출하면 심볼을 만들 수 있다. 심볼특징2) 사람들은 symbol을 건드릴 수 없다.(private) 외부에서 볼 수가 없기 때문 객체를 만들 때 객체 리터럴 안의 프로퍼티 키가 대괄호로 둘러쌓여 있는 경우 이를 계산된 프로퍼티 라고 한다. 프로퍼티 값은 문자열만 와야한다. --> 쉽게 말해 value 값이 있음. 사실 심볼을 완전히 숨길 방법은 없다 심볼값을 가져오는 방법 2021. 3. 21. 생성자 메소드 new 라는 키워드로 클래스를 만들면 생성자가 실행이된다. 함수의 이름 첫글자는 대문자로 시작한다. 반드시 new 연산자를 붙혀서 실행한다. ★ 생성자 함수는 어떻게 *this를 사용 할 수 있는 것일까? new User(...) 가 실행된다면 this{ } 빈객체가 암시적으로 만들어진다. 그리고 암시적으로 this가 return 된다. 재사용 할 필요가 없는 복잡한 객체를 만들어야 한다면? 일회성 *익명 생성자 함수 *생성자와 retrun 문 생성자 함수를 사용하면 매개변수를 이용해 객체 내부를 자유롭게 구성할 수 있다 메서드를 더해주는 것도 가능하다 똑같이 value 값에 함수를 추가하면 메소드가 된다. *생성자를 왜쓰는가? 유사한 객체를 여러개 만들 경우 생성자 함수가 유용하다. *생성자 retur.. 2021. 3. 18. this. 객체 프로퍼티에 할당된 함수를 메서드(method) 라고 부릅니다. 해당 함수 호출 방식에 따라 this에 바인딩되는 객체가 달라진다. 메서드는 객체에 저장된 정보에 접근할 수 있어야 제 역할을 할 수 있다. 메서드 내부에서 this 키워드를 사용하면 현재 객체에 접근할 수 있다. this 특징 ★ 현재 객체를 나타낸다. JS에서의 this는 런타임에 의해 결정된다. this 값은 호출 시점에 결정됩니다. 메서드 내부에서 this 키워드를 사용하면 현재 객체에 접근할 수 있다. this 는 . 앞의 객체를 참조한다. this 는 메소드로써 호출해서 사용해야한다. JS에서는 함수에 this를 사용 할 수 있다 동일한 함수라도 다른 객체에서 호출했다면 'this' 가 참조하는 값이 달라질 수 있다. arro.. 2021. 3. 15. 이전 1 ··· 8 9 10 11 12 13 다음
