본문 바로가기

분류 전체보기

 (178)
Javascript(자바스크립트) 함수 만들기 # 함수함수는 동일한 작업을 반복적으로 할 때 중복으로 코드를 사용하는 것을 방지하기 위하여 사용한다. 함수는 괄호로 쌓여있으며 다양한 작업을 수행 할 수 있다. function name (parameter) { //내용 } 함수는 다음과 같이 작성한다. function - 함수를 선언할 것이라는 것을 자바스크립트에게 알린다.name - 함수의 이름을 지정한다. 추후 다시 함수를 사용할때 함수의 이름만 있으면 다시 사용할 수 있다.parameter - 함수를 사용할때 소괄호는 () 함수 내부에 변수를 전달해주며(매개변수) 안에 값은 없어도 되지만 괄호는 반드시 필요하다.{} - 중괄호 안에 함수의 내용을 적는다. # 예제function calc (_a, _b) { return _a+_b; } ..
Javascript(자바스크립트) 조건문 if # if문 if문은 조건을 검사하여 참이면 구문을 실행하고 거짓이면 실행하지 않는 조건문이다. if (조건식) { 실행구문 1 } else { 실행구문 2 } if문은 else를 통하여 거짓일 때 실행하는 구문도 설정할 수 있다. 위의 구문에서 조건식이 참이면 실행구문1을 조건식이 거짓이면 실행구문 2를 수행한다. # 예제 let a = 5; if (a > 5) { console.log("a는 5보다 큽니다."); } else { console.log("a는 5보다 작거나 같습니다."); } 위의 구문에서 변수 a는 5를 초과하지 않기 때문에 else 다음의 구문을 수행한다. 만약 a가 6 이상의 수이면 첫번째 구문인 console.log("a는 5보다 큽니다.") 가 수행될 것이다.
Javascript(자바스크립트) 반복문 for, while # 반복문 반복문은 일정 조건 혹은 영원히 반복하여 코드를 수행하는 구문을 말한다. 반복문에는 다양한 형태가 있으며 대표적으로 for문과 while문이 있다. # for for문은 초기식, 조건식, 증감식을 가지고 있어 무한루프에 빠질 위험이 상대적으로 적은 반복문이다. for(초기식; 조건식; 증감식) { 반복구문 } for문은 다음과 같은 형태로 되어 있으며 초기식과 조건식, 증감식의 구분은 세미콜론(;)으로 한다. 초기식의 경우 새로 변수를 선언하여 사용할 수도 있고 기존에 전역으로 선언한 변수를 이용할 수도 있다. # for문 예제 for(let i = 0; i
Javascript(자바스크립트) 배열 만들기 # 배열 배열은 데이터의 집합이라고 할 수 있다. 자바스크립트는 다른 언어와 다르게 동적으로 배열이 정해지기 때문에 처음 생성할때 배열의 길이를 지정할 필요가 없고 또한 한 배열 내에 있는 데이터의 타입이 서로 달라도 상관없다. 배열 안에 있는 데이터를 요소(elemetal)이라고 하고 배열의 위치를 가리키는 숫자를 인덱스(index)라고 한다. 인덱스는 0부터 시작하며 숫자뿐만 아니라 문자로 지정하는 것도 가능하다. let arr = []; 배열은 다음과 같이 생성할 수 있으며 아래와 같은 방법으로 배열에 요소를 집어 넣을 수 있다. arr[index_Number] = elemental; // index를 이용하여 요소를 넣는 방법 arr.push(elemental); // 메서드를 이용하여 요소를 넣..
Javascript(자바스크립트) 즉시실행함수 # 즉시실행함수 즉시실행함수는 문자 그대로 정의하는 즉시 실행하는 함수를 말한다. 즉시실행 함수는 원치 않는 호이스팅 방지와 전역변수의 오염을 막기 위해 사용한다. (function (매개변수) { //함수내용 })(인자)); 즉시실행 함수의 기본 토대로 일반 함수와의 차이로는 함수자체가 괄호()로 감싸여 있으며 마지막에 세미콜론 ; 을 붙인다는 점이다. 또한 매개변수를 넣는 방법에도 약간의 차이가 있는데 마지막에 있는 괄호에 인자를 넣어주면 일반 함수처럼 매개변수를 사용할 수 있다는 점이다. 즉시실행함수의 경우 함수명을 지정해주는 기명함수와 함수명을 지정하지 않는 익명함수 모두 사용할 수 있다. 즉시실행함수 한번 사용하면 재사용이 불가능 하며 함수내에서 선언된 변수는 함수 외부에 영향을 미치지 않는다...
Javascript(자바스크립트) 변수와 상수 만들기 # 변수와 상수 변수란? 말그대로 변할 수 있는 수이며 프로그래밍에서는 데이터를 저장하기 위해 사용한다. 이와 반대로는 변하지 않는 수 상수가 있으며 마찬가지로 데이터를 저장하기 위해 사용하지만 변수와 다르게 한번 지정하면 그 값을 바꿀 수가 없다. 자바스크립트는 C언어와 다르게 변수나 상수의 타입을 따로 지정할 필요가 없으며 어떤 값이 입력되는지에 따라 동적으로 타입이 결정된다. 변수를 생성할때는 var나 let을 사용하고 상수의 경우 const를 사용한다. var a; let b; //let과 var 둘다 변수를 만들때 쓰인다. const c; //상수를 만들때 쓰인다. 이런 식으로 사용하면 되며 상수를 만들때는 C언어에서 하듯이 const let으로 하는 것이 아니라 const '변수명'으로만 작성..
HTML 주석 달기 # 주석 주석이란 작성한 코드를 이해하기 쉽게 설명하거나 디버깅하기 위해 작성한 구문을 말한다. 주석은 코드 작성시에만 보이고 웹 브라우저 나타나지는 않는다. 안녕하세요. 주석은 위와 같이 으로 입력할 수 있는데 다른 프로그래밍 언어와 다르게 HTML은 주석을 // 이나 /* */ 로 작성할 수 없다. 주석을 작성할 때 주의사항으로는 주석 안에 주석을 작성해서는 안 된다는 점이다. 제목을 쓰고 싶어요 하다. --> 위에 코드에서 보는 듯이 주석 안에 주석을 작성하면 두번째 주석이 닫히는 부분에서 첫번째 주석까지 전부 끝나버린다. 그러니 주석 안에 주석을 작성하는 실수는 저지르지 않게 주의해야한다.
HTML 제목을 표현하는 <h> 태그 # 태그는 HTML 문서의 제목을 표현하는 태그이다. 로 꼭 닫아줘야하며 까지 총 6종류의 태그가 있다. 검색엔진은 태그를 바탕으로 정보를 수집하고 내용을 파악하기 때문에 검색률을 높이기 위해서 적절히 사용해야 한다. 제목을 입력하세요. 제목을 입력하세요. . . . 제목을 입력하세요. 위와 같이 사용할 수 있으며 숫자가 커질 수록 제목의 크기는 작아진다. 예제 HTML 삽입 미리보기할 수 없는 소스

티스토리툴바