식초의 지식보관소

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 //JSON //JavaScript Object Notation //1. Object to JSON //stringfy(obj) let json = JSON.stringify(true); console.log(json); json = JSON.stringify(['apple','banana']); console.log(json); //["apple","banana"] 배열 처럼 보이게 출력됨 const rabbit = { name..

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 'use strict'; //Array //1. Declaration (선언) const arr1 = new Array(); const arr2 = [1,2]; //2. Index position ..

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114//Objects//자바스크립트의 data types중 하나//관련된 데이터나 함수들의 집합체//자바스크립트의 거의 모든 객체들은 Object의 예시이다//object = {key : value}; //1. Literals and propertiesconst obj1 = {}; //'objec..

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 12..

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 12..

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 12..

모바일 퍼스트 힌트 : 레이아웃 구조 생각하기 -레이아웃을 최소한으로 바꿔서 재배치 하는 것이 좋다 -너무 많은 미디어 쿼리로 작성하면 : 개발 힘듬, 유지 보수 힘듬, 사용자도 놀람 -2가지 레이아웃 만들 예정 Wireframe 만들기 -전반적인 구조 박스 단위로 나누어 그려 보는 것 -레이블링 : 각각의 큰 박스, 작은 박스, 아이템의 이름 정하기 영상 1. HTML 마크업 하기 -준비물 : MDN, Font Awesome, google fonts, color tool https://material.io/resources/color/#!/?view.left=0&view.right=0 Color Tool - Material Design Create and share color palettes for y..

JS Bin - 설치하지 않아도 동작하는 것을 볼 수 있는 사이트 -관습적으로 적는 것 - 가장 상위에 적음 - 구글에서 검색할 때 나오는 타이틀, 부가 설명/ 북마크 추가 할 때 나오는 제목이나 아이콘들/ CSS 파일을 연결하기도함/ 메타 데이터만 있다 - 사용자에게 보여진다. W3C라는 곳에서 만든 태그가 모든 브라우저에서 같은 기능으로 쓰인다. HTML은 브라우저에서 사용 가능한 가장 기본적인 파일이다. HTML에는 태그 크게 2가지가 있다. 에는 상세설명이 들어있고 에는 사용자에게 보여지는 태그들로 이루어져 있다. MDN 업데이트도 빠르다. 전세계인이 사용하는 페이지. --HTML element page --브라우저 호환 가능성 확인(중요) :모든 태그에서 지원되는지 잘못된 코드를 쓰면 ? - 브..