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

CSS Selector : HTML 요소에 스타일을 적용할 때 어떤 요소에 적용할 지 셀렉터로 구분해서 선택합니다. 셀렉터에 따라 다양한 사용법이 존재하고 범위가 다릅니다. 전체 셀렉터 : HTML 문서 내의 모든 요소를 선택합니다. 일괄적용을 해야할 때 사용합니다. * { font-family: "Times New Roman", serif, sans-serif; } 태그 셀렉터 : 지정된 태그명으로 요소를 선택합니다. h1 { color : blue; } body { background-color : green; } ID 셀렉터 / Class 셀렉터 : 설정된 id나 class명을 찾아서 선택하는 셀렉터 입니다. class는 중복사용이 가능하나 id는 고유하게 사용해야 합니다. id는 '#'으로, cl..

Sprint - Koans 서문 : 스프린트 진행중 헷갈렸던 부분이나 어려웠던 부분들을 따로 모아두고 추후 복습할 수 있는 기회를 가지고자 합니다. 02_Types-part1 : ==의 경우 예외사항이 너무 많아 프로그램의 작동을 예측하기 다소 어렵게 만듭니다. 예외 사항을 외우기 보다는 대표적으로 최대한 같은 타입끼리 연산을 하고, 즉 엄격한 동치 연산('===')을 사용하고, 조건문에 비교 연산을 명시하는 것이 훨씬 좋습니다. ==와 === 비교 더보기 expect(123 - '1').to.equal(122); // 문자열 + 숫자 = 문자열 이지만 - 는 그대로 숫자로 진행됨. expect(1 + true).to.equal(2); // 컴퓨터는 0, 1로 모든 것을 구분하기 때문에 기본적으로 fal..

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문보다 느리다는 의견도 ..

Git이란? : 컴퓨터 파일의 변경사항을 추적하고 여러 명의 사용자들 간에 해당 파일들의 작업을 조율하기 위한 분산 버전 관리 시스템입니다. 어떠한 파일의 변경사항을 지속적으로 추적하기 위해 사용될 수 있습니다. 쉽게 말하면 우리가 중간중간 작업물을 저장하고 그 기록들에 대해서 누가 바꿨는지 어떤 내용이 바꼈는지를 확인하거나 마찬가지 서로서로 협업하며 수정할 수 있는 것입니다. Git과 Github의 차이 : Git은 로컬에서 버전 관리 시스템을 운영하는 방식이고 비슷한 이름의 Github는 저장소를 깃허브에서 제공해주는 클라우드 서버를 이용합니다. 즉, 개인적인 작업이라면 Git을 사용하고. 오픈소스 공유나 협업 등을 하는 거라면 Github를 이용. 파일을 올리거나 다운로드해서 협업해 수정이 가능합니..

Command Line : 이전 ms-dos를 써본 사람이라면 검은화면에 직접 타이핑 하던 cd, dir, m 같은 명령어에 익숙할 것입니다. 커맨드 라인(command Line)은 커맨드-라인 인터페이스(command-line interface)라고도 불리는데 가상 터미널 또는 터미널을 통해 사용자와 컴퓨터가 상호 작용하는 방식을 뜻합니다. 즉, 작업 명령은 사용자가 컴퓨터 키보드 등을 통해 문자열의 형태로 입력하며, 컴퓨터로부터의 출력 역시 문자열의 형태로 출력됩니다. 지금의 아이콘을 가지고 조작하는 GUI(Graphical User Interface) 방식이 나오기 전부터 사용되던 방식입니다. 현재도 빠르고 강력하고 접근성이 좋으며 AWS및 Azure등 서버에서 많이 사용하고 있습니다. 자주 사용하..

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; 반복조건; 반복이 될 때마다 실행되는 코드){ 반복해서 실행될 코드 } : 조건식은 언제까지 해당 코드를 반복할지 입력하는 부분입니다..