profile
가르침을 주십시오..!

웹과 멀티미디어

<embed> 요소는 외부 어플리케이션으로 부터 제공되는 컨텐츠나 브라우저 플러그인으로 제공되는 대화형 컨텐츠를 웹 문서에 배치하기 위해 사용되는 컨테이너를 나타냅니다.<object> 요소는 웹 브라우저에서 직접 재생할 수 없는 PDF 파일이나 플래시 애니메

2020년 3월 24일
·
0개의 댓글

CSS Layout

content-box 너비와 높이를 content를 기준으로border-box 너비와 높이를 border를 기준으로특정 요소를 띄워서 그 주변을 다른 요소들이 흘러갈 수 있도록 합니다.여기서부터 float을 무효화시키겠다!라는 의미로 clear 속성을 사용합니다.CSS

2020년 3월 17일
·
0개의 댓글
post-thumbnail

문단 스타일

center, right, left : 가운데, 오른쪽, 왼쪽 정렬입니다.justify : 양쪽에 맞추어 문단을 정렬합니다.정렬방식들줄 바꿈을 어떻게 진행할 것인지에 대해 지정한다.normal : CJK 의 경우 음절 단위로, non-CJK 의 경우 띄어쓰기 단위로 줄

2020년 3월 10일
·
0개의 댓글
post-thumbnail

텍스트 관련 스타일

글자의 색상을 지정할 때 사용합니다.text-decoration텍스트에 '줄'을 그을 때 사용합니다.font-style 은 기울기를 text-decoration은 밑줄을..hello world -> Hello World영문 텍스트에 주로 사용되는 속성입니다.

2020년 3월 10일
·
0개의 댓글
post-thumbnail

글꼴 관련 스타일

각 글꼴은 좌측부터 순서대로 우선순위로 적용됩니다.좌측 글꼴이 없으면 그 우측의 글꼴이 적용됩니다.제너릭 폰트 패밀리란 직접 명기한 폰트들을 정상적으로 사용할 수 없을 때, 스타일시트 작성자(디자이너 혹은 개발자)의 의도를 살리기 위한 대체 수단입니다.제너릭 폰트 패밀

2020년 3월 10일
·
0개의 댓글

텍스트 관련 요소들 - 인라인 레벨 요소들

본 포스트는 HTML 스터디에 사용할 자료 목적으로 작성하였습니다.<em> 요소는 중요성을 강조하기 위한 용도로 특정 텍스트를 마크업합니다.어떤 문장을 읽을 때 힘을 주어 읽었으면 하는 내용에 사용합니다.<strong> 요소는 어떤 긴급하거나 중요한 문장이나

2020년 3월 3일
·
0개의 댓글

텍스트 관련 요소들 - 블록레벨

본 포스트는 HTML 스터디에 사용할 자료 목적으로 작성하였습니다.<h1> ~ <h6> 요소는 6단계의 제목을 나타냅니다.제목 요소를 가지고 목차(Table of contents) 를 생성하기도 합니다.제목 요소를 글자 크기를 조절하기 위한 수단으로 사용해서

2020년 3월 3일
·
0개의 댓글

HTML List

본 포스트는 HTML 스터디에 사용할 자료 목적으로 작성하였습니다.<ol> 과 <ul> 을 사용해 리스트를 나타내주고,그 리스트의 요소로써 <li> 요소를 하위에 자식으로써 포함시킵니다.순서가 있는 리스트를 나타낼 때 사용합니다.아이템들의 순서가 바뀌면

2020년 3월 3일
·
0개의 댓글

HTML Table 정리

본 포스트는 HTML 스터디에 사용할 자료 목적으로 작성하였습니다.<table> 요소는 2차원의 행과 열로 구성된 표 형식의 데이터 집합을 표현합니다.테이블 요소 안에서만 위치할 수 있는 자식 요소입니다.이름 그대로 표 전체의 제목을 나타냅니다.<captio

2020년 3월 2일
·
0개의 댓글
post-thumbnail

객체에 대하여.JS #4 객체를 복사하다

객체를 복사하다 객체를 복사하는 방법들에 대해 알아보도록 하겠습니다. 다양한 복사방법들을 알아보고, 얕은 복사와 깊은 복사의 차이점과 한계점 그리고 해결법에 대해 알아보도록 하겠습니다. 리터럴 표기법을 활용한 복사 리터럴 표기법은 객체를 생성하는 가장 일반적인 방법입니다. 쉼표로 구분된 키-값 쌍의 요소들을 중괄호로 감싸서 선언합니다. 우선, 이 리...

2019년 9월 8일
·
0개의 댓글
post-thumbnail

객체에 대하여.JS #3 객체를 봉인하는 방법

객체를 봉인하는 방법 Object 내장 객체에는 객체를 다루기 위한 다양한 정적 메서드들이 포함되어 있습니다. 그 중에서도 앞서 설명한 속성 설명자와 연관성이 짙은 몇 가지 메서드들에 대해 알아보려고 합니다. 아래에 알아볼 메서드들은 모두 객체를 사용자가 임의로 확장하고 수정할 수 없도록 봉인하는 방법들을 제공하는 것들입니다. Object.preven...

2019년 9월 8일
·
0개의 댓글
post-thumbnail

객체에 대하여.JS #2 속성 설명자

속성 설명자 (PropertyDescriptor) 속성 설명자란 무엇인가 객체의 속성들은 그 자체로 객체 내부의 정보와 기능을 표현하지만, 각 속성들은 다시 그 자신들의 값과 성질에 대한 눈에 보이지않는 내부 속성들을 가지고 있습니다. 위에서 말한 속성의 성질이란 이 속성이 읽기전용인지, 나열될 수 있는지 등의 정보를 의미합니다. 자바스크립트에서는 ...

2019년 9월 8일
·
0개의 댓글
post-thumbnail

객체에 대하여.JS #1 객체에 대하여

자바스크립트의 객체 객체란 무엇인가 객체는 키-값의 쌍을 각각의 구성요소로 가지는 자료형입니다. 객체는 자바스크립트에서 가장 중요한 자료형으로써, 현대 자바스크립트 코드의 빌딩 블록과도 같은 역할을 합니다. 숫자나 문자열 같은 원시 자료형을 제외하고는 자바스크립트에서는 대부분의 데이터가 객체 혹은 유사 객체의 형태로 표현됩니다. 객체지향 프로그래밍(...

2019년 9월 8일
·
0개의 댓글

첫번째 MVP : JSBEN.CH 흉내내기

MVP 요즘 취미삼아 자바스크립트를 공부중입니다. 전공자도 아니고 그냥 평범하게 직장생활 하면서 가볍게 장난감 다루듯이(?) 이것저것 만져보면서 놀고 있습니다.. ㅎㅎ 취미가 개발공부(?)인 것이죠.. 이쪽과는 전혀 무관한 직장생활을 하면서 짬짬이 공부를 하다보니 자연스레 효율적인 학습법에 대해 관심을 갖게되었고, 그러다가 우연히 MVP(Minimu...

2019년 9월 2일
·
2개의 댓글
post-thumbnail

자바스크립트 성능 최적화에 대한 의문이 들었다

자바스크립트 성능 최적화에 대한 의문이 들었다 재미있는 서비스를 발견했다 자바스크립트를 공부하던 중 재미있는 서비스를 하나 발견했다. JSBEN.CH Performance Benchmarking Playground for JavaScript 자바스크립트 코드의 벤치마크 테스트를 할 수 있는 서비스인데 여러개의 자바스크립트 코드블럭들을 추가해 놓고, ...

2019년 9월 1일
·
0개의 댓글
post-thumbnail

해시함수에 대한 개념 정리하기

이전 게시글 제목의 오타가 url로 고정이 되어 조금 보완하여 새롭게 작성하였습니다. 해시함수란 해시함수는 임의의 길이의 데이터를 입력받아 일정한 길이의 비트열로 반환 시켜주는 함수이다. 입력값의 길이가 달라도 출력값은 언제나 고정된 길이로 반환한다. 동일한 값이 입력되면 언제나 동일한 출력값을 보장한다. 암호화 해시 함수란 암호화 해시 함수 ...

2019년 8월 10일
·
3개의 댓글