codinghatso

Flexbox의 구성 container item container display flex : container에 display의 속성, flex 값을 주어야 flexbox 기능이 적용된다. flex-direction row: 요소들을 텍스트의 방향과 동일하게 정렬합니다. row-reverse: 요소들을 텍스트의 반대 방향으로 정렬합니다. column: 요소들을 위에서 아래로 정렬합니다. column-reverse: 요소들을 아래에서 위로 정렬합니다. flex-wrap nowrap (default) wrap wrap-reverse flex-flow 다음의 속성들을 간략히 한 속성입니다. flex-direction and flex-wrap. justify-content flex-start (default) ..

contrainer position 드림코딩 아카데미 → http://academy.dream-coding.com/ 드림코딩 유튜브 → http://www.youtube.com/c/드림코딩by엘리

a[href]{} : href 속성을 가지는 태그 전부 a[href="naver.com"] : href 가 naver.com인 속성을 같는 태그 a[href^="naver"] : ^는 naver로 시작하는 속성을 같는 태그 a[href$="com"] : ^는 naver로 끝나는 속성을 같는 태그 드림코딩 아카데미 → http://academy.dream-coding.com/ 드림코딩 유튜브 → http://www.youtube.com/c/드림코딩by엘리

Cascading Style Sheet *cascade : 작은 폭포, 폭포처럼 흐르다, 연속화, 연속적인, 종속, 직렬 Cascading Author style : 우리가 만든 .css 파일 | 우선순위 1 User style : 유저가 다크모드 같은 브라우저의 설정 값을 바꾸는 것 | 우선순위 2 Browser : 브라우저에서 기본으로 기정된 스타일 | 우선순위 3 * ! important : 모든 우선순위를 무시하고 가장 중요한 것을 지정해 버리는 것. 이것은 좋지 않은 구조를 만들 위험이 있어 조심히.. 아니 사용하지 않은 것을 추천한다. selectors (지정자, 선택자) Universal * type Tag ID #id Class .class State : Attribute [] 기본 문법 ..

Emmet 기본 내장 기능 활용 팁. emmet 문법 정리 div.class div#id div>ul>li 자식 div>ul+ol 형제 ul>li*5 반복 div>ul>li^ol 부모 div>(header>ul>li*2>a)+footer>p 그룹 tip1. ol>li*3 -ol 태그 안에 li태그를 3개 생성하는 기능이 있습니다. // ol>li*3 --result tip2. div.container>div.item.item${$}*10 -div태그 안에 class="container"를 부여하고 그 자식으로 div태그 안에 class="item item$(순차적 숫자)" {$(순차적 숫자)}컨텐츠를 *10 열번 생성합니다. // div.container>div.item.item${$}*10 --resu..

ECMAScript 3rd 1999 Object { key : value} 형식의 문서 JSON simplest data interchange format lightweight text-based structure easy to read key-value pairs used for serialization and transmission of data between the network the network connection independent programming language and platform 번역 간단한 데이터 교환 형식 (데이터를 주고 받을 때 가장 간단한 파일 포맷이다.) 경량 텍스트 기반 구조 (텍스트 기반의 가벼운 구조.) 읽기 쉬운 키-값 쌍 네트워크 연결 네트워크 간 데이터의 직..

indexOf() 검색 /** * Returns the index of the first occurrence of a value in an array, or -1 if it is not present. * @param searchElement The value to locate in the array. * @param fromIndex The array index at which to begin the search. If fromIndex is omitted, the search starts at index 0. */ indexOf(searchElement: T, fromIndex?: number): number; indexOf: * 배열에서 값이 처음 나타나는 인덱스를 반환하거나 값이 없으면 -1을 반..

*API 관련 업로드는 lib.es5.d.ts 파일의 내용을 바탕으로 공부했습니다. *파일에는 IDE(VScode)기능으로 mac은 command키 window는 control키를 누르고 원하는 함수를 클릭하면 파일이 열립니다. toString(), toLcaleString() 문자열 /** * Returns a string representation of an array. */ toString(): string; /** * Returns a string representation of an array. The elements are converted to string using their toLocaleString methods. */ toLocaleString(): string; toString():..