분류 전체보기227 [WEB/JS] 자바스크립트 객체 이해하기(선언, 반복문) [객체 생성하기] 배열은 정보가 0번째부터 n번째까지 순서대로 저장된다는 특징이 있다. 하지만 객체는 순서에 상관없이 저장되는 특징을 가지고 있다. 객체를 생성하는 법은 스크립트 태그 안에서 var 변수명 = { 저장하고 싶은 데이터 }; 를 작성해주면 된다. 조금 더 자세하게 보자면 아래와 같다. banana라는 정보를 넣는다면 그냥 넣지 말고 yellow라는 이름을 가진 수납상자(?)에 넣는다고 생각하면 편하다. apple도 마찬가지로 red라는 수납상자에 넣는다고 생각하면 편하다. [꺼내는 법] 저장한 정보를 꺼내는 법은 역시 document.write(); 를 사용한다. fruit.yellow의 의미는 'fruit 중에서 yellow라는 수납상자에 있는 정보를 꺼내라'라는 의미이다. fruit.r.. 2022. 7. 13. [WEB/JS] 함수(function) 이해하기 [ 함수의 기본 ] 자바스크립트에서 함수는 중복되는 코드가 여러 곳에서 나올 때 중복되는 코드를 하나의 함수로 묶어 그 함수만 실행하면 원하는 값을 가져올 수 있는 기능이다. 유지보수하기 좋기때문에 다른 언어에서도 많이 사용한다. Function Basic 예를 들어 위와 같은 코드가 있고 2-1, 2-2를 반복해서 출력하고 싶다면 반복문을 사용하면 될 것이다. 하지만 아래와 같은 코드는 중간에 3이 껴있기 떄문에 반복문을 사용할 수 없을 것이다. Basic 물론 하나하나씩 코딩을 해서 바꿀 수는 있지만 1억개를 바꿔야 한다면 굉장히 많은 시간과 노동이 필요할 것이다. 이때 사용하는 것이 함수이다. 함수를 사용하기 위해서는 script태그 안에서 function 함수명() { 중복되는 내용 } 를 사용해.. 2022. 7. 12. [WEB/JS] 배열/반복문(for문, while문) 배열 [배열 선언하는 법] 스크립트 태그 안에 변수를 하나 정해서 배열을 선언 해준다. 배열을 선언할때는 [ ] 안에 선언 해준다. [배열의 인덱스를 확인하는 법] document.write(변수명 [ 인덱스 번호 ]) 로 확인이 가능하다. 배열은 첫번째부터 시작하는 것이 아니라 0번째 부터 시작하는 것을 유의해야 한다. 그렇기 때문에 0번째 인덱스에는 apple 1번째 인덱스에는 orange 2번째 인덱스에는 banana가 오게 된다. [배열을 중간에 추가하고 싶을 때는?] 배열을 중간에 추가하고 싶을 때도 있을 것이다. 배열을 추가는 변수명.push("추가할 배열"); 로 가능하다. 배열을 추가하게 되면 2번째 인덱스까지 차있는 상태기이 떄문에 인덱스는 3번이 된다. [배열의 크기를 알고 싶을 때] .. 2022. 7. 11. [WEB/JS] 조건문 & 웹페이지 주/야간 모드 설정2 자바스크립트의 조건문은 if-else를 통해 자신이 원하는 값을 선택해서 출력할 수 있다. 아래와 같은 코드가 있다고 가정하자. 조건문 코드에 입력한 순서인 1 2 3 4가 줄바꿈을 해서 출력이 될 것이다. 만약, 위처럼 모든 숫자가 출력되는 것이 아니라 숫자들이 선택적으로 출력이 되게 하고 싶다면 조건문을 사용하면 된다. If-else문 앞에 보여준 코드와 큰 차이는 없지만 if문과 else문이 들어간 것을 볼 수 있다. if옆의 괄호안에 값이 참이면 if문으로 감싼 코드가 출력이 되고 if옆의 괄호안에 값이 거짓이면 if문을 건너뛰고 else문을 출력하게 된다. 앞에서 배운 조건문을 통해 이전에 만든 주/야간 모드 설정을 조금 더 단순하게 만들 수 있다. 조건문을 통해 주간/야간 버튼을 아래처럼 따로.. 2022. 7. 8. 이전 1 ··· 28 29 30 31 32 33 34 ··· 57 다음
