개발자를 희망하는 초보의 자기개발 이야기

스터디를 진행하면서 책을 읽고 내용과 떠오르는 생각, 용어들을 정리하고 있습니다. 문제 되는 부분이나 틀린 부분이 있다면 편하게 말씀해 주세요. 1장 프로그래밍 1.1 프로그래밍이란? 프로그래밍이란 일종의 커뮤니케이션이다. 이를 위해 무엇을 실행하고 싶은지 정의할 필요가 있다. 즉, 프로그래밍이란 정확하고 상세하게 요구사항을 설명하는 작업이며, 이때 요구되는 것이 문제 해결 능력이다. 1.2 프로그래밍 언어 정의된 문제 해결 방안은 약속된 구문(syntax : 문법)으로 구성된 프로그래밍 언어를 사용하여 작성한 후 컴퓨터가 이해할 수 있는 일종의 번역기를 통해 전달한다. 이런 번역기를 컴파일러 혹은 인터프리터라고 한다. 1.3 구문과 의미(Syntax & Semantics) 프로그래밍 학습은 일반적으로 ..

JavaScript Scope : Scope는 범위라는 의미입니다. 자바스크립트에서는 '변수의 유효범위'를 의미합니다. 크게 전역 스코프와 지역 스코프(블록 스코프, 함수 스코프)로 나뉩니다. 모든 변수는 스코프를 갖는데 이런 관점에서 전역 변수와 지역 변수로 나뉘게 됩니다. 구분 설명 스코프 변수 전역 코드 전체 영역 전역 스코프 전역 변수 지역 함수 몸체 내부 지역 스코프 지역 변수 전역 스코프(global scope)와 전역변수(global variable) : 전역은 사전의 의미로 '어느 구역 전부' 를 말합니다. 전역 스코프는 전체범위를 의미하며 전역 스코프 내의 전역 변수는 어느 위치에서나 접근할 수 있다는 의미입니다. let x = 1; { console.log(x); // 1 { conso..

JavsScript Rest Parameter(나머지 매개변수) & Spread syntax(전개 연산자) 표기되는 형태는 ...args로 동일하지만 의미가 다른 2가지 내용에 대해서 정리합니다. 먼저 매개변수와 전달인자부터 명확히 해야 합니다. 매개변수 함수의 정의부분에 나열되어 있는 변수들을 의미합니다. 아래 예시중 함수sum의 소괄호() 안에 있는 a, b입니다. function sum(a, b) { return a + b; } 전달인자 전달인자는 함수를 호출할 때 전달되는 실제 값을 의미합니다. 아래 예시중 consolo.log의 소괄호() 안에 있는 1,2입니다. function sum(a, b) { return a + b; } console.log(1, 2); // 3 특이한 점은 자바스크립트..

JavaScript toFixed / toString / Math 메소드 toFixed : 자바스크립트는 정수, 실수에 대한 자료형을 따로 구분하지 않습니다. toFixed는 만약 소수점 아래의 자릿수를 고정해서 반환하고 싶을 때 파라미터로 숫자 값을 전달해 주면 그만큼 소수점 아래의 자릿수를 반올림해서 고정해 주는 메소드입니다. let number = 0.1234; console.log(number.toFixed(3)) // '0.123' 출력 : 존재하는 자릿수 값보다 큰 수를 파라미터로 전달하면 0을 추가해서 출력합니다. let number = 0.1234; console.log(number.toFixed(6)) // '0.123000' 출력 : 단, 문자열로 반환하기 때문에 계산할 때 사용하려면 ..

JavaScript for ... of / for ... in for ... of : for문으로 반복문을 사용하는 비중이 가장 많습니다. 이 때 초기화, 증감문(i++), length를 반복해서 인덱스를 활용해 배열순회를 많이 합니다. let arr = [1, 2, 3, 4, 5, 6]; for(let i = 0 ; i < arr.length ; i++){ console.log(arr[i]); } // 배열 전체를 반복 순회하면서 1부터 6까지 출력됨. : for ... of문을 사용하면 배열 순회시 간결하게 전체를 순회할 수 있습니다. 변수 i나 증감문 설정 없이 배열의 길이만큼 반복됩니다. 각 요소를 대상으로 반복적인 작업을 수행할 때 유리합니다. 성능에 있어서는 일반 for문보다 느리다는 의견도 ..

JavaScript 배열(Array) : 배열은 순서가 있는 값을 의미합니다. 대괄호를 이용해 배열을 만들고, 각각의 원소(element)는 쉼표로 구분해 줍니다. 배열 원소는 타입이 고정되어 있지 않습니다. 그리고 인덱스는 연속적이지 않을 수 있습니다. let myNumber = [1, 2, , 4, "문자열"]; : 순서는 인덱스(index)라고 부르며, 0부터 번호를 매깁니다. 인덱스를 이용해 값에 접근할 수 있습니다. let myNumber = [1, 2, 3, 4, 5]; myNumber[3]; // myNumber 배열의 3번째 인덱스값은? 4 : 값을 변경할 때는 마찬가지 인덱스를 이용해서 할당해 줍니다. let myNumber = [1, 2, 3, 4, 5]; myNumber[3] = 40..

JavaScript 반복문(Loop) : 반복문은 같거나 비슷한 코드를 여러 번 실행시켜야 할 때 사용합니다. for 형태가 대표적으로 기본형태는 아래와 같습니다. 1부터 4까지 반복해서 출력하는 반복문을 만들어 보겠습니다. for(초기화; 반복조건; 반복이 될 때마다 실행되는 코드){ 반복해서 실행될 코드 } : 초기화 부분은 for문 안에서 동작할 임의의 변수와 시작값을 할당해주는 부분입니다. 보통 i를 많이 쓰는데 iterator(반복자)의 약자로 봅니다. 1부터 더해야 하기에 i = 1을 할당해서 선언합니다. ; 표기로 항목을 구분합니다. for(let i = 1; 반복조건; 반복이 될 때마다 실행되는 코드){ 반복해서 실행될 코드 } : 조건식은 언제까지 해당 코드를 반복할지 입력하는 부분입니다..

JavaScript 문자열(String) : 자바스크립트에서 문자열은 큰따옴표("") 또는 작은따옴표('')를 사용하여 만들 수 있습니다. 둘다 사용은 가능하지만 HTML이 주로 큰따옴표("")로 마크업 되기 때문에 자바스크립트 문자열은 작은따옴표('')로 작성하는 것이 편할 수 있습니다. let myName = 'Lee'; let yourName = "Park"; : 문자열의 접근은 []를 사용합니다. 문자열 자리 순서(index)는 0부터 시작합니다. let str = 'GoodNews'; console.log(str[0]); // 'G' console.log(str[4]); // 'N' : +연산자를 이용하여 표현할 수 있습니다. 단 숫자 + 문자열은 문자열로 최종 처리됩니다. let str1 = ..

JavaScript 조건문(condition) : 조건문은 특정한 조건 아래서만 코드가 실행되게 하는 구문. 즉, 표현식의 결과값에 따라 별도의 명령을 수행하도록 하는 실행문입니다. 조건문에는 반드시 비교 연산자가 필요합니다. 비교의 결과는 Boolean형태, 즉 true 또는 false입니다. 3 > 5; // false 9 < 10; // true : 1은 숫자고 '1'은 문자열로 자료형이 다릅니다. 연산자에서 기술했듯이 자료형까지 정확히 비교하기 위해서는 ===(일치연산자) 또는 !==(불일치연산자)를 사용해야 합니다. 1 == '1' // ture 1 === '1' // false : 조건문 중 if문에 대해 공부합니다. if로 시작하고 괄호 안에 조건이 오는데 값이 true라면 중괄호 {} 안의..

JavaScript 함수(Function) : 함수는 입력(input)을 받아 출력(output)을 하는 하나의 작은 기능 단위입니다. 함수를 선언할 때 괄호 안의 값은 매개변수(Parameter)라고 합니다. 함수를 실행할 때 괄호 안의 값은 전달 인자. 줄여서 인자(argument)라고 합니다. 기본 형식은 아래와 같습니다. function 함수명(매개변수){ 코드 내용 return 반환 값 } // 함수를 선언할 때 함수명(인자) // 함수를 실행할 때 : 함수는 2가지 방식으로 선언할 수 있습니다. 첫 번째는 함수(function)라는 점을 먼저 선언하고 세부적인 함수명과 코드 내용으로 이루어진 '함수 선언식'이고, 두 번째는 변수를 선언한 뒤 이 변수에 함수를 할당한 '함수 표현식(익명 함수)'..