반응형
CSS

CSS

학습방법 큰 시간을 들이지 않고 빠르게 훑으며 명확하게 알아야하는 부분을 정리해가며 공부하려한다. HTML 에 CSS 적용하기 link 태그를 통해서 css 를 적용할수있다. CSS의 셀렉터 CSS 를 적용시키기위해 다양한 방법이있다. * 태그 id 클래스 어트리뷰트 복합 가상 클래스 : 가상 요소 :: Box 의 구성 콘텐트(Content), 패딩(Padding), 테두리(Border), 마진(Margin)로 구성된다. 콘텐트(Content) - 실제 내용 패딩(Padding) - border 안쪽의 내부 여백의 영역 테두리(Border) - 테두리 영역 마진(Margin) - 테두리 밖 외부 여백의 영역 display 의 프로퍼티 들 layout 정의에 자주 사용되는 중요한 프로퍼티 들이다 . blo..

  • format_list_bulleted 프론트엔드/CSS
  • · 2022. 4. 25.
  • textsms
HTML 기본문법과 시맨틱요소

HTML 기본문법과 시맨틱요소

1. HTML ? 웹페이지를 기술하기위한 마크업 언어 웹페이지의 내용과 구조를 담당한다. 2. HTML5 ? 2014년 에 확정된 차세대 웹 표준 으로 기능이 추가됬다. 멀티미디어 그래픽 - SVG, 캔버스를 사용한 2차원 그래픽 CSS3, WebGL 으로 3차원그래픽 지원 양방향 통신 카메라, 동작센서등 하드웨어 기능을 직접적으로 제어할수있다. 오프라인 및 저장소 시맨틱 태크 CSS3 지원 3. HTML5 의 기본문법 3.1 요소 시작태그와 종료 태그 그사이에 위치한 content로 구성된다. 3.1.1 요소의 중첩 요소의 중첩으로 부모자식관계를 나타내며 웹페이지 구조를 표현한다. 3.1.2 빈 요소 content 를 가질수없는 요소를 빈요소 라 한다. br hr img input link meta 3..

  • format_list_bulleted 프론트엔드/HTML
  • · 2022. 4. 20.
  • textsms

[Deepdive] 22장 this

📍 22장 this this란? 메서드를 정의하는 시점 이 객체를 생성하는 시점보다 먼저오게되 자신을 호출할 객체의 값을 this 로 표현한다. 즉, 자신이 속한 객체 / 자신이 생설할 인스턴스를 가르키는 참조변수 이다. this 바인딩 this바인딩은 함수가 호출되는 방식에따라 동적으로 결정된다. 일반함수 호출 → 전역객체 전역 호출 → 전역객체 메서드내부 호출→ this를 호출한 객체 생성자 함수 호출→ 생성자함수가 생성할 인스턴스 Function.prototype.apply/call/bind 메서드에 의한 간접 호출 this 명시적 변경 Function.prototype.apply(thisArg[, argsArray])thisArg로 변경, 호출할 함수에 전달할 인수를 두 번째 매개변수에 배열로 만..

  • format_list_bulleted 프론트엔드/JavaScript
  • · 2022. 4. 13.
  • textsms

자릿수 더하기

dfsdf 문제 설명 자연수 N이 주어지면, N의 각 자릿수의 합을 구해서 return 하는 solution 함수를 만들어 주세요.예를들어 N = 123이면 1 + 2 + 3 = 6을 return 하면 됩니다. 제한사항 N의 범위 : 100,000,000 이하의 자연수 나의 문제풀이 function solution(n){ return n.toString().split("").map(x => Number(x)).reduce((sum, value) => sum + value); } 정수를 split로 배열로 변환한뒤 reduce로 합산하려했는데 문자열이라서 문자열합산이되더라구요 그래서 map을 통해서 숫자형으로 변환시켜서 다시 합산을진행했습니다 다른사람 문제풀이 function solution(n){ ret..

  • format_list_bulleted 알고리즘/Programmers [Level 1]
  • · 2022. 4. 12.
  • textsms

[Deepdive] 21장 빌트인객체

자바스크립트 객체 분류 표준 빌트인 객체 호스트 객체 사용자 정의 객체 표준 빌트인 객체 Math, Relect, JSON 을 제외한 표준 빌트인 객체는 생성자 함수 객체다 . 생성자 함수 객체는 프로토타입 메서드 와 정적 메서드를 제공 아닌 객체는 정적 메서드만 제공 래퍼객체 문자열,숫자, 불리언 값에 대해 객체처럼( 마침표 표기법) 접근하게되면 생성되는 임시객체 문자열,숫자,불리언,심볼 이외값들은 래퍼객체 생성을 안함 / 생성할시 에러발생 래퍼객체의 동작방식 마침표표기법으로 인해 래퍼 객체 생성 내부슬롯 [[~Data]] 에 데이터값을 저장 객체 처리가 종료되면 내부슬롯에서 원시값 되돌려주고 가비지 셀렉션이됨 전역객체 코드가 실행 되기 이전에 자바스크립트 엔진에 의해 생성되는 최상위 객체 전역객체의 ..

  • format_list_bulleted 프론트엔드/JavaScript
  • · 2022. 4. 11.
  • textsms

[Deepdive] 20장 use strict

use strict 란? 자바스크립트의 문법을 좀더 엄격하게 적용해 오류 발생시킬수있는 코드들을 명시적으로 에러를 발생시키는것 사용법 코드 전문에 ‘use strict’; 를 추가 하거나 함수몸체의 선두에 추가한다. 주의사항 전역에 적용하지말기 함수 단위로 적용하지말기 외부서브파티 앱에서 non-strict mode 일수있기때문에 즉시실행함수로 감싸 사용하는것이 바람직함 strict mode 가 발생시키는 에러 선언하지 않는 변수 참조시 에러 delete 연산자로 변수 , 함수 , 매개변수 삭제시 에러 매개 변수의 이름을 중복사용시 에러 with 문 사용시 에러 strict mode 적용에 의한 변화 일반 함수 내부에서는 this 사용시 undefined 를반환 매개변수에 전달된 인수를 재할당해도 반영안됨

  • format_list_bulleted 프론트엔드/JavaScript
  • · 2022. 4. 11.
  • textsms
반응형