본문 바로가기
728x90
반응형

전체 글220

[Bootstrap] 부트스트랩 설치 시작하기 및 사용법(CDN방식) 1) 부트스트랩이란? - 프론트엔드 컴포넌트 라이브러리 - 메뉴, 대문, 폼, 버튼 등의 HTML CSS를 복붙식으로 개발할 수 있게 도와줌 - 빠른 웹개발이 가능 ​ ​ 2) 설치방법 CDN 방식으로 빠르게 Bootstrap을 설치하는 방법 ① 부트스트랩 홈페이지로 들어간다. https://getbootstrap.com/ Bootstrap The most popular HTML, CSS, and JS library in the world. getbootstrap.com ​ ​ ② Get started 클릭! ​ ​ ​ ③ 오른쪽 상단에서 필요한 버전을 선택 ​ ​ ​ ④ 중간 쯤에 Starter template 이라는 부분에 있는 코드를 HTML 파일에 전부 복사붙여넣기 ​ ​ ​ ⑤ 완성 ​ ​ 3).. 2022. 1. 18.
[제이쿼리] 제이쿼리 시작/설치하기 - jQuery cdn jQuery란? 자바스크립트의 라이브러리로 자바스크립트 언어를 기반으로 짧게 줄여서 사용하여 코드를 깔끔하게 해줌 ​jQuery 설치/시작 1. 구글에 jQuery cdn을 검색 또는 아래 링크 클릭 https://code.jquery.com/ jQuery CDN The integrity and crossorigin attributes are used for Subresource Integrity (SRI) checking. This allows browsers to ensure that resources hosted on third-party servers have not been tampered with. Use of SRI is recommended as a best-practice, wheneve.. 2022. 1. 17.
[HTML] 시맨틱 태그(semantic tag)와 웹페이지 구조(page structure) 1) 시맨틱 태그(semantic tag) semantic markup ① 사용 이유 - SEO(검색엔진최적화) - accesibility(웹접근성) - 개발자들을 위해 ​ ② 종류 - : 웹사이트의 브랜드 로고 및 메뉴 아이템등을 사용시 - : 여러가지 메뉴들이 모아서 사용시 - : 웹사이트 마지막 부가적인 정보 또는 링크 사용시 - : 웹 사이트에서 중요한 컨텐츠 사용시 - : main 안에 컨텐츠와 직접적으로 상관없는 부가적인 내용 사용 시( ex) 광고, 링크 등등 ) - : 내용이 독립적이고 홀로 설 수 있는 내용 사용시 - : 서로 관계 있는 문서를 분리해서 사용시 ​ ​ 2) 웹페이지 구조(page structure) 시맨틱태그들을 어떤 위치에서 어떤 구조로 사용하는지 알아두어야한다. ​ 2022. 1. 17.
[VSCode] 비주얼 스튜디오 설치 후 크롬 실행 안될때 / Live Sever 설치방법 ★ 단축키 Alt + l + o 를 눌렀는데도 크롬이 실행되지 않을때 → 비주얼스튜디오 안에 라이브 서버가 설치되어있지 않았기 때문 ★ Live Sever 설치방법 ① 비주얼스튜디오에서 확장 메뉴를 클릭 또는 왼쪽 메뉴 아이콘 중 가장 아래 확장 아이콘 클릭 또는 ctrl+shift+x ② 검색창에 Live Sever 치고 설치 클릭 ③ 설치 후 크롬으로 실행하고 하는 파일을 열고 alt+l+o를 누른다 ④ 완성~ 2022. 1. 11.
[자바스크립트/ES6] for...of 문 / 배열객체마다 반복되는 실행문 for...of 반복 가능한 객체(예: 배열, 문자열, 맵, 세트 등)를 반복 반복 가능한 객체의 값에 직접 접근할 때 유용 for( let 변수명 of 반복하고자하는 객체명 ){반복하고자 하는 명령문 작성} // 예시 const array1 = ['a', 'b', 'c']; for (const element of array1) { console.log(element); } // 결과 // expected output: "a" // expected output: "b" // expected output: "c" - 즉, 배열에 들어있는 요소만 뽑을 수 있음 - 배열의 인덱스가 아닌, 배열의 값에 직접 접근 2021. 9. 3.
[자바스크립트] 배열에서 최대값/최소값 구하기 - Math.min/Math.max ▶ 최소값구하기 Math.min(value1, value2, ...) - 매개변수 중 낮은 점수를 반환 - 매개변수는 숫자형만 가능함 // 예시 1 console.log(Math.min(2,4,7,6,1,5)); //결과 => 1 // 예시 2 let x = 10, y = -20; console.log(Math.min(x, y)); //결과 => -20 ▶ 최대값구하기 Math.max(value1, value2, ...) - 매개변수 중 높은 점수를 반환 - 매개변수는 숫자형만 가능함 // 예시 1 console.log(Math.max(2,4,7,6,1,5)); //결과 => 7 // 예시 2 let x = 10, y = -20; console.log(Math.max(x, y)); //결과 => 10 ▶.. 2021. 8. 26.
728x90
반응형