dallae_log

안녕 난 달래야🐣

Blog/생활코딩 - 자바스크립트 기본

프로그램은 작고 단순한 것에서 크고 복잡한 것으로 진화하는데 그 과정에서 코드의 재활용성을 높이고, 유지보수를 쉽게 할 수 있는 다양한 기법들이 사용된다. 그 중 하나가 코드를 여러 개의 파일로 분리하는 것이다. 이를 통해 아래의 효과를 얻을 수 있다. 자주 사용되는 코드를 별도의 파일로 만들어서 필요할 때마다 재활용할 수 있다. 코드를 개선하면 이를 사용하고 있는 모든 애플리케이션의 동작이 개선된다. 코드 수정 시에 필요한 로직을 빠르게 찾을 수 있다. 필요한 로직만을 로드해서 메모리의 낭비를 줄일 수 있다. 한번 다운로드된 모듈은 웹브라우저에 의해서 저장되기 때문에 동일한 로직을 로드 할 때 시간과 네트워크 트래픽을 절약 할 수 있다. (브라우저에서만 해당) 모듈이란 우선 모듈이 없는 애플리케이션을 ..

2021. 8. 18.

Blog/생활코딩 - 자바스크립트 기본

tab 키를 누르면 띄어쓰기 네 번 한 것과 같은 들여쓰기가 생긴다. 여러 줄을 드래그하고 누르면 동시에 들여쓰기가 된다. 탭 키를 쓰는 이유는 가독성을 높이기 위해서다.

2021. 8. 17.

Blog/생활코딩 - 자바스크립트 기본

// 주석 달고 싶을 때 사용하는 것이다. //는 줄바꿈 하기 전까지가 범위이다.

2021. 8. 17.

Blog/생활코딩 - 자바스크립트 기본

객체(Object) 배열은 아이템에 대한 식별자로 숫자를 사용했다. 데이터가 추가되면 배열 전체에서 중복되지 않는 인덱스가 자동으로 만들어져서 추가된 데이터에 대한 식별자가 된다. 이 인덱스를 이용해서 데이터를 가져오게 되는 것이다. 만약 인덱스로 문자를 사용하고 싶다면 객체(dictionary)를 사용해야 한다. 다른 언어에서는 연관배열(associative array) 또는 맵( map), 딕셔너리(Dictionary)라는 데이터 타입이 객체에 해당한다. 객체의 생성 다음은 객체를 만드는 법이다. var grades = {'egoing': 10, 'k8805': 6, 'sorialgi': 80}; for 문은 in 뒤에 따라오는 배열의 key 값을 in 앞의 변수 name에 담아서 반복문을 실행한다...

2021. 8. 17.

Blog/생활코딩 - 자바스크립트 기본

배열 배열(array)이란 연관된 데이터를 모아서 통으로 관리하기 위해서 사용하는 데이터 타입이다. 변수가 하나의 데이터를 저장하기 위한 것이라면 배열은 여러 개의 데이터를 하나의 변수에 저장하기 위한 것이라고 할 수 있다. 배열의 생성 배열을 쓰면 여러 개의 데이터를 하나의 변수에 담아서 관리할 수 있다. 대괄호([])는 배열을 만드는 기호다. 대괄호 안에 데이터를 콤마(,)로 구분해서 나열하면 배열이 된다. 각각의 데이터를 원소(Element)이라고 부른다. 배열에 담겨있는 값을 가져올 때는 대괄호 안에 숫자를 넣는다. 이 숫자를 색인(index)라고 부르고 0부터 시작한다. 즉 첫번째 원소(egoing)를 가져오려면 대괄호 안에 0을 넣어주어야 한다는 것이다. 두번째는 1, 세번째는 2를 입력한다...

2021. 8. 17.

Blog/생활코딩 - 자바스크립트 기본

함수(function)란 하나의 로직 을 재실행 할 수 있도록 하는 것으로 코드의 재사용성을 높여준다. 함수의 형식 function 함수명( [인자...[,인자]] ){ 코드 return 반환값 } 함수의 정의와 호출 함수는 function 뒤에 함수의 이름이 오고, 소괄호가 따라온다. 소괄호에 인자라는 값이 차례로 들어오는데 이 값은 함수를 호출할 때 함수의 로직으로 전달될 변수다. 인자는 생략 할 수 있다. 함수를 호출 했을 때 실행하게 될 부분이 중괄호 안쪽에 온다. 입력과 출력 함수의 핵심은 입력과 출력이다. 입력된 값을 연산해서 출력하는 것이 함수의 기본적인 역할이다. return 함수 내에서 사용한 return은 return 뒤에 따라오는 값을 함수의 결과로 반환한다. 동시에 함수를 종료시킨다..

2021. 8. 17.

Blog/생활코딩 - 자바스크립트 기본

반복문은 컴퓨터에게 반복적인 작업을 지시하는 방법이다. 반복문의 문법 반복문의 문법은 몇가지가 있다. 각각의 구문은 서로 대체 가능하기 때문에 상황과 취향에 따라서 선택해서 사용하면 된다. while while문은 while문 뒤에 따라오는 괄호 안의 조건이 참(true)면 중괄호 안의 코드 구간을 반복적으로 실행한다. 조건이 false면 반복문이 실행되지 않는다. 여기서 true와 false는 종료조건이 되는데, 이 값을 변경하는 것을 통해서 반복문을 종료시킬 수 있다. 반복문에서 종료조건을 잘못 지정하면 무한반복이 되거나, 반복문이 실행되지 않는다. document.write는 자바스크립트를 이용해서 웹페이지에 텍스트를 출력한다. 이것은 웹브라우저에서만 동작할 것이다. node.js 콘솔과 같은 환경..

2021. 8. 17.

Blog/생활코딩 - 자바스크립트 기본

Boolean 불린으로 올 수 있는 값은 true와 false 두가지 밖에 없다. 불린은 조건문에서 핵심적인 역할을 담당한다. 조건문 조건문이란 주어진 조건에 따라서 에플리케이션을 다르게 동작하도록 하는 것이다. 조건문의 문법 if 조건문은 if로 시작한다. if 뒤의 괄호에 조건이 오고, 조건이 될 수 있는 값는 Boolean이다. Boolean의 값이 true라면 조건이 담겨진 괄호 다음의 중괄호 구문이 실행된다. 즉 if 문의 조건이 참이면 중괄호의 시작({}부터 중괄호의 끝(})까지의 구간이 실행된다. else if만으로는 좀 더 복잡한 상황을 처리하는데 부족하다. if문의 조건이 true라면 if의 중괄호 구간이 실행되고, false라면 else 이후의 중괄호 구간이 실행된다. 즉 else는 주..

2021. 8. 17.

Blog/생활코딩 - 자바스크립트 기본

연산자 연산자란 값에 대해서 어떤 작업을 컴퓨터에게 지시하기 위한 기호이다. a=1에서 '='는 우항의 값인 1을 좌항의 변수 a에 대입하는 '대입 연산자'다. 비교 연산자 프로그래밍에서 비교란 주어진 값들이 같은지, 다른지, 큰지, 작은지를 구분하는 것을 의미한다. 결과는 true나 false 중의 하나이다. true와 false는 블린(boolean)이라고 불리는 데이터 형식이다. == 동등 연산자로 좌항과 우항을 비교해서 서로 값이 같다면 true 다르다면 false가 된다. '='가 두개인 것을 주의하자. '='가 하나인 것은 대입 연산자로 우항의 값을 좌항의 변수에 대입할 때 사용하는 것으로 의미가 완전히 다르다. === 일치 연산자로 === 좌항과 우항이 '정확'하게 같을 때 true 다르면 ..

2021. 8. 17.