본문 바로가기

전체 글

(137)
자바스크립트 : 조건문과 반복문 자바스크립트의 조건문과 반복문을 간단하게 정리해보겠습니다.    조건문조건문이란 어떠한 조건에 대해서 해당 조건이 참일 경우에만 실행되는 구문입니다.(조건) { 조건이 참일 경우 실행되는 코드 } 의 형태로 구성되어 있습니다.if~else 문이 여기에 속합니다. if 와 elseif 문이란, 해당 조건이 일치할 경우 다음 구문을 실행한다는 조건문입니다.여러 줄의 구문이라면 중괄호로 묶기도 합니다.const num = 15;if(num == 15) { console.log("실행되는 구문");}if(num != 15) { console.log("false 이기 때문에 실행되지 않는 구문")} else 문은 if 문과 항상 짝으로 작동하며, if 문의 조건이 아닐 경우 다음 구문을 실행한다는 조건..
자바스크립트 : 함수 이번에는 함수에 대해 알아보겠습니다.    함수란함수의 사전적 정의 : 어떤 집합의 각 원소를 다른 어떤 집합의 유일한 원소에 대응시키는 이항관계어떠한 값을 입력 했을때 대응되는 값을 출력하는 수단으로,말 그대로 A라는 집합의 원소들을 B라는 집합의 값으로 변화시키는 과정을 기록해놓은 객체입니다.    함수의 사용javascript 에서 함수를 사용하기 위해서는 함수를 선언하고, 정의해야 합니다.함수의 이름, 함수의 매개변수, 함수의 내용 3가지를 입력해야 합니다.함수의 이름 : 변수명과 같이 함수를 구분하고 지정하는데 사용합니다.함수의 매개변수 : 함수를 사용하기 위해 함수 외부에서 가져올 변수를 지정합니다.함수의 내용 : 자바스크립트로 구성된 함수의 스크립트로, 매개변수를 이용하여 값을 반환합니다.f..
자바스크립트 : 연산자 연산자란, 연산을 하는데 사용하는 기호입니다.그럼, 연산이란? 주어진 식을 계산하고, 결과를 얻어내는 과정입니다.즉 연산자란, 변수에 대한 식을 계산하고, 결과를 얻어내는데 사용하는 기호입니다.    연산자의 종류연산자는 크게 대입연산자, 증감연산자,  산술연산자, 논리연산자, 전개연산자로 구분됩니다. 대입연산자대입연산자란, 특정 변수에 값을 대입시키는 연산자입니다.할당연산자라고도 하며, = 를 사용합니다.let a = 5;const name = 'tadigrada'; 증감연산자변수의 값을 증가시키거나 감소시키는 데 사용합니다.++ , -- 로 표현합니다.let number = 1;console.log(number++); // 출력 후 1 증가 = 1console.log(++number); // 1 증가..
자바스크립트 : 자료형과 변수 프로그래밍을 위해서는 자료형과 변수에 대해 알아두는것이 중요합니다.이번 글에서는 변수와 자료형이 무엇인지에 대해 알아보도록 하겠습니다.    변수변수란, 데이터를 저장할때 쓰이는 저장소입니다.자료형 변수명 = 값; 의 형태로 구성됩니다.자료형이란, 변수에 담기는 데이터의 타입을 말하며변수명이란, 해당 변수를 지정하기 위한 이름을 말하고값은 해당 변수에 담긴 데이터를 의미합니다. 변수 외에도 데이터를 저장하는데 쓰이는 저장소는 상수가 존재하는데,구성은 변수와 동일하지만 변수는 값을 변경할수 있지만, 상수는 값을 변경할 수 없습니다. 변수의 자료형은 크게 var, let, const 세가지로 존재합니다.하지만 var의 경우는 호이스팅 문제로 인해 사용을 지양해야하므로 let과 const를 사용합니다.let ..
자바스크립트 : JavaScript란? 웹 프로그래밍을 한다면 필요한 필수적인 언어는 바로 자바스크립트입니다.자바스크립트에 대한 특징을 간단하게 알아보도록 하겠습니다.    자바스크립트란?웹 페이지에 스크립트 형식으로 삽입하여 웹 페이지에 생동감을 불어넣어주는 언어입니다.특별한 준비나 컴파일 없이 실행및 작성이 가능합니다.브라우저 상에서만 작동하기 때문에, 메모리나 CPU의 저수준 영역의 조작을 허용하지 않습니다.자바와는 이름빼고 관련이 없는 언어입니다.    자바스크립트의 장점Html/Css와 완전한 통합이 가능간단한 처리기능모든 브라우저에서 지원되는 기본언어위 세가지 장점으로 인해 웹 프로그래밍에서 JavaScript의 존재는 필수적이 됩니다. 호이스팅코드가 실행되기 전, 변수, 함수, 클래스, 선언문들이 맨 위로 끌어올려지는것처럼 되는 ..
화면 구성하기 : 폼(form) - 라벨(label) 오늘은  폼에서 쓰이는 라벨(label) 태그에 대해서 알아보겠습니다.    라벨(label) 태그란?라벨 태그는 ui요소에 텍스트를 결합할때 사용합니다.왜 굳이 라벨태그를 사용하는지를 물어본다면, label 태그는 다른 ui들과 결합해서 사용할 수 있기 때문입니다.  label 태그의 속성forspan 태그나 p 태그를 사용하지 않는 이유는 label 태그의 for 속성 때문입니다. for 속성을 사용하여 같은 id 속성을 가진 ui에 상호작용을 할 수 있습니다.form여러개의 form에 동일한 id가 존재할때 사용합니다.form 속성값과 일치하는 id를 가진 form을 참조할 수 있습니다.form 과 for를 같이 사용하여 해당 id의 form 중 해당 id를 가진 ui에 상호작용 할 수 있습니다. ..
알고리즘 : 분할정복법 - 이분탐색 알고리즘에서 필요한것 중 하나는 내가 원하는 데이터를 얼마나 빠르게 찾을 수 있는가 입니다.이를 위해 여러가지 탐색방법이 존재하며, 이 중 이분탐색에 대해 알아보도록 하겠습니다.   이분탐색이란?이분탐색은 말 그대로 반씩 탐색하는것을 말합니다.기존의 탐색방법은 하나의 데이터를 찾기 위해 모든 데이터를 확인해야 했고,이 때문에 O(n) 의 시간복잡도를 갖게 되었습니다.하지만, 이분탐색의 경우, 분할정복법을 사용하여 중간지점만을 확인원하는 값이 없는 절반은 제외하는 식으로 계산하기 때문에2n의 꼴, 즉 O(log n)의 시간복잡도를 갖게 되었습니다." data-ke-type="html">HTML 삽입미리보기할 수 없는 소스    이분탐색을 위한 조건이분탐색은 중간값과 탐색값을 비교하여 탐색값보다 작거나 큰 ..
화면구성하기 : 폼(form) - checkbox와 radio group 이전 글에서는 input과 button에 대해 알아보았습니다.이번 글에서는 checkbox와 radio 타입에 대해 알아보겠습니다.    포괄적인 옵션을 선택할때, checkboxcheckbox는 하나의 틀에서 여러 옵션을 자유롭게 선택하고 싶을 때 사용합니다.보통은 사각 버튼의 ui로 나타내며,input 태그에서 type = checkbox를 사용하여 만들 수 있습니다. checkbox의 속성checked체크박스의 기본값이 체크되어 있기를 원할 경우 선택합니다. 속성만 추가하여 적용합니다.value텍스트에서 사용하는 것처럼 값을 지정해주지만, 사용방식은 조금 다릅니다. checkbox의 value checkbox를 체크한 뒤 submit을 수행하면 [name] = [value] 의 형태가 됩니다.만약 ..