본문 바로가기

프로그래밍184

미디어쿼리 미디어 쿼리(media query) 뷰포트의 해상도에 따라 CSS를 분기시키는 미디어쿼리는 반응형 프로젝트에서 반드시 필요한 기법 최소 가로폭이 1000px, 즉 1000px 보다 넓은 해상도일 때에 style_pc.css를 연결한다는 뜻입니다. 태블릿이나 모바일 기기마다 가로폭이 다른데, 크롬 브라우저에서 개발자 도구를 열고 Toggle device Toolbar를 누르면 기기마다의 해상도도 확인할 수 있고 기기 모델도 추가할 수 있습니다. 또한 다음 트로이 (http://troy.labs.daum.net/)에서는 기기별 해상도를 제공하고 실제 작동 화면을 확인할 수 있는 VIEW를 제공합니다. 모바일 기기 가로 세로 iPhone X 375 812 iPhone 6,7,8 375 667 iPhone 6,.. 2022. 8. 15.
CSS 기본문법 CSS 기본 문법 CSS를 정의하는 방법으로는 내부 스타일시트, 외부 스타일시트, 인라인 스타일시트 등이 있습니다. 실제로는 외부 스타일시트를 주로 사용합니다. 인라인 스타일시트는 대체로 거의 사용하지 않으나, 우선순위가 가장 높기 때문에 필요한 경우에는 편리하게 사용할 수 있습니다. 참고로, CSS에서의 주석은 /* */로 표현합니다. 내부 스타일시트 CSS를 HTML 문서 안에 태그로 기재하여 HTML 문서 안에 CSS가 함께 저장되도록 하는 형태입니다. 우리가 기쁘게 하는것들 결과보기 우리가 기쁘게 하는것들 외부 스타일시트 스타일 속성들을 따로 저장하여 HTML 문서에 파일명으로 연결할 수 있습니다. 이때 스타일은 *.css 확장자를 가진 별도의 파일로 저장하고, HTML에서는 태그를 이용하여 선언.. 2022. 8. 15.
구조관련요소 구조 관련 요소 , , , , , 요소 유형 태그명 태그의 의미 및 특징 블록 레벨 요소 1. HTML문서의 헤더 영역을 의미하는 태그로 제목이나 네비게이션, 검색 등의 내용들을 포함할 수 있습니다. 2. 텍스트, 인라인 요소, 블록 레벨 요소를 포함할 수 있지만 , 태그는 포함할 수 없습니다. 1. HTML문서에서 맥락이 같은 요소들을 주제별로 그룹화해주는 태그이며 섹션 주제에 대한 제목 요소(~ )를 포함하는 것이 좋습니다. 2. 텍스트, 인라인 요소, 블록 레벨 요소를 포함할 수 있습니다. 1. HTML문서의 푸터 영역을 의미하는 태그로 섹션 자성자나 저작권에 대한 정보, 관련된 문서의 링크를 포함할 수 있습니다. 2. 텍스트, 인라인 요소, 블록 레벨 요소를 포함할 수 있지만 , 태그는 포함할 수.. 2022. 8. 15.
내장 함수 내장 함수 자바스크립트에 기본적으로 내장되어 있는 함수들을 말합니다. 인코딩, 디코딩 함수 'https://www.google.com/search?query=자바스크립트' 위와 같이 URL 주소에 쿼리 정보를 전송해 데이터를 처리해야 하는 프로그램의 경우 한글과 같은 유니코드 문자가 포함되어 있으면 류가 발생할 수 있는데 이런 경우 인코딩 함수를 이용해 문자를 부호화시키고 부호화된 문자를 다시 디코딩 함수를 이용해 원래 문자로 되돌릴 수 있다. 함수명 설명 encodeURIComponent() 영문, 숫자와 ( ) - _ . ~ * ! ' 을 제외한 문자를 인코딩한다. decodeURIComponent() encodeURIComponent()의 디코딩 함수 var encodeStr = '자바스크립트'; .. 2022. 8. 15.
두 정수 사이의 합 두 정수 사이의 합 두 정수 a, b가 주어졌을 때 a와 b 사이에 속한 모든 정수의 합을 리턴하는 함수, solution을 완성하세요. 제한사항 a와 b가 같은 경우는 둘 중 아무 수나 리턴하세요. a와 b는 -10,000,000 이상 10,000,000 이하인 정수입니다. a와 b의 대소관계는 정해져있지 않습니다. 입출력 예 a b return 3 5 12 입출력 예 #1 a = 3, b = 5인 경우, 3 + 4 + 5 = 12이므로 12를 리턴합니다. 두 정수 사이의 합 function solution(a, b) { return (a + b) * (Math.abs(b - a) + 1 ) / 2; } 총평 : 가우스 공식으로 만약에 1~100 사이의 합이라면 양쪽 끝 수들을 차례로 1+100, 2+.. 2022. 8. 11.
Array 의 메서드 join( ) | push( ) | pop( ) join( ) join([separator]) 메서드는 배열의 모든 요소를 연결해 하나의 문자열로 만듭니다. 배열의 각 요소를 구분할 문자열을 지정합니다. 이 구분자는 필요한 경우 문자열로 변환됩니다. 생략하면 배열의 요소들이 쉼표로 구분됩니다. separator가 빈 문자열이면 모든 요소들이 사이에 아무 문자도 없이 연결됩니다. const arrNum = [100, 200, 300, 400, 500]; const text1 = arrNum.join(""); const text2 = arrNum.join(" "); const text3 = arrNum.join("★"); const text4 = arrNum.join("-"); 번호 기본값 메서드 리턴값 push( ) | pop( ) push() 메서드는.. 2022. 8. 11.
728x90
반응형

자바스크립트 사진

JavaScript

자세히보기