본문 바로가기

분류 전체보기

 (153)
[자바스크립트] - Array 배열 ★ 배열(Array)★★★★★ 변수에는 데이터가 하나만 저장된다. 하지만 하나의 변수에 여러 데이터를 묶어 저장하고자 할 때 '배열(Array)'을 사용한다. 배열은 초콜릿 상자처럼 초콜렛이 몇 개든 상관없이 하나의 박스에 담은 것과 같다.  즉 변수 안에 배열이 담겨 있으면 배열 안에는 데이터가 수없이 나열될 수 있다. 배열에는 어떤 데이터든지 넣을 수 있고 배열 안에 배열도 들어갈 수 있다. 변수 안에 함수 넣으면 그것도 넣을 수 있다. 객체도 들어갈 수 있다.       배열을 표기할 때 보통 [ ]를 이용하여 표기한다.  배열 안에 들어있는 데이터는 순서대로 '인덱스 번호'를 부여받는다.  '인덱스 번호'는 0부터 부여받으며 마지막 데이터까지 부여받는다.  [ 기본형 ] 1. var 참조변수 = [데..
[자바스크립트] - Math 수학객체 브라우저에 NaN이 뜨면 오류표시다.    Math 수학객체    자바스크립트의 내장 객체에는 수학과 관련된 기능과 상술을 제공하는 수학객체가 있다. 앞에서 배운 산술 연산만으로는 반올림, 올림, 최댓값 이런 것을 구할 수 없기 때문에 수학 객체를 이용하면 어려운 수학을 연산할 수 있다.  1. Math.abs(숫자); ☆   : 숫자의 절댓값을 반환한다. 값이 음수로 나왔을 때, 앞에 -마이너스를 뗄 때 자주 사용 2. Math.max(숫자1, 숫자2, 숫자3..)     : 숫자의 최댓값(가장 큰 수)을 반환한다.  3. Math.min(숫자1, 숫자2, 숫자3..)      : 숫자의 최소값(가장 작은 수)을 반환한다. 4. Math.pow(숫자, 제곱근)      : 숫자의 거듭 제곱값을 반환한다..
[자바스크립트] - 객체(object) / 날짜 객체 / 내장 객체 생성 / 디데이 구하기 *  기능 = 매서드 = 함수객체(object)   객체는 기능(함수 = 매서드)과 속성(프로퍼티)으로 이루어져 있다. 즉 함수와 변수를 섞어놓은 것을 말한다.예를 들어 앞서 배웠던 html 태그들도 하나의 객체라고 볼 수 있다.  a태그의 기능은 링크연결이고, 속성은 href / class / target 뿐만 아니라 inline 속성같은 것을 말한다.  객체는 객체마다 사용할 수 있는 기능과 속성이 정해져있다. 예를 들어 a태그가 가진 inline 속성에 넓이를 지정할 수 없는 것처럼 해당 객체마다 올바른 기능과 속성을 적용해줘야한다.  ▶자바스크립트에서 객체의 속성이나 매서드를 사용하고자 할 때는 아래 문법을 사용한다.  [ 기본형 ]  1. 객체.매서드( );    : 객체의 함수(매서드)를 실행..
[자바스크립트] - ★중첩 for문 중첩 for문 for문 안에 for문 들어있으면 중첩for문이라고 한다. 자바스크립트가 중첩 for문을 만나면 바깥쪽 for문에 초깃값과 조건식을 먼저 검사한다.  이후 조건식이 만족되면 안쪽의 for문의 초깃값과 조건식을 검사하고 조건식이 true에서 false가 될 때까지 계속해서 반복한다.  그 다음 안쪽 for문의 조건식이 false가 되면 바깥쪽 for문의 증감식을 실행하고 다시 조건식을 검사한다.  바깥쪽 for문의 조건식이 만족하면 또 다시 안쪽 for문의 초깃값과 조건식을 처음부터 다시 검사하고  또 true에서 false가 될 때까지 계속해서 반복한다. 이 과정을 바깥쪽 for문이 false가 될때까지 반복한다.   한바퀴돌고 두번째로 두번째 for문을 검사할때는 초기화되어 처음부터 다시..
[자바스크립트] - 반복문(for,while문) > break문 break문 ★ 반복문인 while문이나 for문에서 조건식과 관계없이 강제로 반복문을 종료하고 싶을 때 break문을 사용한다.  보통 if문과 함께 쓰이며 어떤 조건이 만족하면 강제 종료해라- 이런 식으로 사용한다.  [ 기본형 ] 1. while문 var 변수 = 초깃값; while(조건식){     break;     자바스크립트 코드;     증감식; } 2. for문 for(초깃값; 조건식; 증감식){      break;     자바스크립트 코드; }//100번 반복 -> 0이 초깃값이니깐 100번 반복할려면 101까지 라고 해야함      for (var i = 0; i 101; i++) {        if (i == 60) break;        document.write(i, "")..
[자바스크립트] - 반복문(for,while문) > continue문 continue문 continue문은 반복문에서만 사용할 수 있다. 1. while문에서 continue문을 사용할 경우 continue문 다음에 오는 코드는 무시하고 바로 조건식으로 가서 조건 검사를 한다. 즉 while문에서 continue문은 '다음 코드는 무시하고 조건검사를 해라'라는 뜻이다. 2. for문에서 사용할 경우 continue문 다음에 오는 코드는 무시하고 바로 증감식으로 가서 증감식을 실행한다. 즉 for문에서 continue문은 '다음 코드는 무시하고 증감식을 실행해라'라는 뜻이다. continue문은 '~조건일때, 다음에 오는 코드를 무시해라'라는 뜻.  다시 시작하는 코드 느낌. 건너뛰어라라는 느낌. [ 기본형 ] 1. while문      while문 안에서 순서는 바뀌어도 ..
[자바스크립트] - 반복문(while문, for문, do while문) 반복문 반복문을 이용하면 코드를 원하는 횟수만큼 반복하여 실행할 수 있다.  예를 들어 '안녕하세요'라는 문구를 100회 출력하려면 출력문을 100번 작성해야 하지만 반복문을 이용하면 1줄만이라도 문장을 100회 출력할 수 있다.  반복문에는 while문, do while문, for문이 있다. (주로 for문을 많이 쓴다.)ex) 게시판 같은 반복해서 나와야하는 곳에 자주 쓰임 ** if문과 반복문은 세트로 많이 쓴다 1. while문 : ~하는 동안 while문은 조건식을 만족할 때까지 코드를 여러 번 반복 실행한다. 조건식을 만족할 때까지 { }안의 코드를 실행시키는데,           먼저 1조건식을 검사하고 만족하면      중괄호 안에 있는 2자바스크립트 코드와 증감식을 실행하고     다시 ..
[자바스크립트] - 선택문 switch문 - 자바스크립트 내에서 문장이 너무 길어서 줄바꿈하고 싶을 때 var site = prompt(        "네이버, 다음, 구글, 네이트 중 \        즐겨 사용하는 포털 사이트는?"      );\ 안하면 오류난다.\ 는 키보드에서 원화표시 누르면 나온다.  - alert(" ") -> 경고창 선택문 선택문인 switch문은 변수에 저장된 값과 switch문에 있는 경우의 값(case)을 검사하여변수와 경우의 값에서 일치하는 값이 있을 때 그에 해당하는 코드를 실행한다. if문과 용도는 비슷하지만 if문은 만족하는 데이터가 여러 개일 경우 주로 사용하고, switch문은 여러 경우의 값 중에 일치하는 데이터를 찾아 코드를 실행할 때 주로 사용함.           if문은 true / fals..
[ 반응형 ] - 미디어쿼리 미디어쿼리 : 반응형 웹을 구현하기 위해 가장 많이 사용하는 문법 미디어쿼리는 css모듈 중 하나로 사이트에 접속하는 장치에 따라 특정한 css 스타일을 적용하도록 도와준다.  프로그래밍 언어 중 조건문과 비슷한 문법을 사용한다.  * 주의사항- 화면중단점이 큰 사이즈부터 작은사이즈 순서로 작업하거나, 작은사이즈에서 큰 사이즈 순서로 작업해라- (min-width:~~px)  px 뒤에 ; 쓰면 안된다. and 뒤에 띄어쓰기 잊지말기- 반응형 할때는 기본스타일에서 불러왔던 이름 그대로 불러와야한다. 기본스타일에선 nth로 불러왔는데 미디어쿼리에서는 클래스 이름으로 불러오거나하면 안된다. 오류가 나진 않지만 헷갈리고 반응형이 안먹을때가 있다.선택자를 그대로 써주기 - 스타일을 안써준 부분은 기본스타일에 적..
[ 반응형 ] - 가변단위로 바꾸는 공식 / 이미지를 가변 이미지로 바꾸기 반응형 : 반응형은 다양한 디지털 기기를 이용해 웹 페이지에 접속할 때 해당 기기에 맞게 페이지가 최적화된 상태로 보여지는 것을 말한다.  반응형 웹의 장점은 모든 스마트 기기에서 접속이 가능하여 스마트워치같은 웨어러블기기뿐만 아니라 스마트 티비나 게임 콘솔 등 웹 표준을 지원하는 어느 기기든 접속이 가능하다는 점이다.  또한 가로 모드에 맞춰 레이아웃을 보여줄 수 있고, 사이트 유지 보수에도 용이하다.        반응형 웹을 제작하기 위해서는 '가변 그리드 레이아웃'을 사용한다. 웹 사이트에서 레이아웃을 잡을 때 자주 사용하는 방법이 '그리드 시스템'이다.  그리드 시스템은 디자인의 일관성을 위해서 화면을 몇 개의 column으로 나누어 요소들을 배치하는 것을 말한다. 필요할 때마다 column을 묶..

티스토리툴바