전체 글406 Bootstrap template 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 Bootstrap Template Bootstrap Template Page This is bootstrap template page. Logo menu1 menu2 menu3 My Information Profile image: Some text a.. 2019. 12. 23. Bootstrap container 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 " target="_blank" rel="noopener">w3schools.com]--> this is headding elements. this is praraphy element.. 2019. 12. 23. Bootstrap button 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 BUTTON BUTTON BUTTON BUTTON anchor BUTTON BUTTON BUTTON BUTTON BUTTON BUTTON B.. 2019. 12. 23. Bootstrap introduce 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.. 2019. 12. 23. Visual code 와 git hub 연동 1 (파일 만들고 Git Hub에 업로드) 우선 git이 깔려 있어야 한다. 설치 방법을 모른다면 아래 링크를 참고 하자. https://lcw126.tistory.com/112?category=773516 형상관리 (SCM) Git 다운로드 하기 소프트웨어 고위직들이 '신입 직원이 가졌으면 좋겠다.'는 기능이 형상관리이다. 소프트웨어를 개발 관리를 할 때 쓰이므로, 개발할 때 아무리 계획을 잘 짜도 그 계획이 다시 엎어지는 경우가 허다하다.. 즉, 기.. lcw126.tistory.com 그리고 현재 git name과 email이 설정되어 있어야 한다. git name과 email 설정 방법 : $ git config --global user.name Lee $ git config --global user.email Lee@example.com.. 2019. 12. 23. ECMA script 2015(ES6) ◎ Bootstrap - Front-end library (유용성으로 보면 CSS library로 볼 수 있다.) 아래 사이트에서 Bootstrap을 다운받거나, CDN 방식으로 사용해보자. (손쉽게 홈페이지 꾸미기) https://getbootstrap.com/ Bootstrap The most popular HTML, CSS, and JS library in the world. getbootstrap.com 우선 다운로드하여 사용해보자. 파랑색 1번을 눌러서 파일을 다운로드 받으면 알집 형태인데, 압축을 풀고 사용하자. 압축을 풀면 크게 js 폴더 css 폴더로 2개 폴더로 나뉜다. (결론 js 폴더에서 1개, css폴더에서 1개씩 파일 가져오자.) 각 파일을 구별하기 위해 현재 작업하는 폴더에 임의.. 2019. 12. 23. ECMA script 2015(ES6) module (다른문서 클래스,변수 사용/import) ① 새로운 변수 선언 키워드 : let, const ② class 키워드 ,extends ③ 화살표 함수 (Arrow Function) ④ module 문법 : import, export 다른 문서나, js파일에서 다른문서, js 파일에 클래스나 변수를 가져와서 사용해 본다. 우선 js파일을 만들자. 함수 show()를 만들었다. 그리고 다른 문서에서 사용을 하려면 esport default를 해야 사용가능하다. 이제 html이나 js에서 사용을 하려면 import해주면 된다. 위 예제는 html 문서이지만, 다른 문서도 가능하다. 코드를 안써도 show()메소드 사용이 가능하다. export deault는 한번만 사용 가능하다.. 그래서 다른 함수도 사용가능하도록 하려면 함수명 앞에 export를 써주.. 2019. 12. 20. ECMA script 2015(ES6) arrowfunction (화살표 함수[람다식 표기]) ① 새로운 변수 선언 키워드 : let, const ② class 키워드 ,extends ③ 화살표 함수 (Arrow Function) ④ module 문법 : import, export 일반 메소드를 화살표 함수(람다식 표기법)로 표현해본다. 좀더 간결하고, 짧게 줄을 줄일 수 있다. 우선 일반적으로 함수를 만들어 보자. 참조변수를 이용해서 익명 함수도 만들 수 있다. 이제 output()함수와 비슷하게 화살표 함수로 바꿔보자. 참조변수가 함수를 참조하는데, function을 없애고 ()다음에 =>를써준다. (람다식 표기법) let display=function() { document.write(name+' '); } //이거나 아래 코드나 똑같은 의미 let display= ()=> { documen.. 2019. 12. 20. ECMA script 2015(ES6) class (멤버 변수,메소드 사용 및 구조분해할당) ① 새로운 변수 선언 키워드 : let, const ② class 키워드 ,extends ③ 화살표 함수 (Arrow Function) ④ module 문법 : import, export - class를 만들고, 참조변수로 참조, 멤버 변수,함수 사용 및 구조분해 할당을 알아본다. 다른 언어에서 사용 되는 class의 개념이 기존 JS에 없었지만, ES6에 개념이 등장하였다. class에 대해 알아보자. class에 멤버 변수는 반드시 생성자에 만들어야 한다. (this 사용) 멤버 변수가 잘 나온다. this가 아닌 let으로 선언한 gender는 어떻게 될까? 결과 화면을 보면 undefined가 나온다. 이것은 let gender가 아닌 JS에서는 변수가 없이 사용을 하면 새로 만든다. 결국 per.. 2019. 12. 20. 이전 1 ··· 21 22 23 24 25 26 27 ··· 46 다음
