All In One_IT

배열(array) 배열(array)이란? 자바스크립트에서 배열(array)은 이름과 인덱스로 참조되는 정렬된 값의 집합으로 정의된다. 배열을 구성하는 각각의 값을 배열 요소(element)라고 하며, 배열에서의 위치를 가리키는 숫자를 인덱스(index)라고 한다. 자바스크립트에서 배열의 특징은 다음과 같다. 배열 요소의 타입이 고정되어 있지 않으므로, 같은 배열에 있는 배열 요소끼리의 타입이 서로 다를 수도 있다. 배열 요소의 인덱스가 연속적이지 않아도 되며, 따라서 특정 배열 요소가 비어 있을 수도 있다. 자바스크립트에서 배열은 Array 객체로 다뤄진다. 배열의 생성 자바스크립트에서 배열을 만드는 방법은 다음과 같다. 예제 1. let arr = [배열요소1, 배열요소2,...]; // 배열 리터럴을..

반복문(iteration statements) 반복문이란 프로그램 내에서 똑같은 명령을 일정 횟수만큼 반복하여 수행하도록 제어하는 실행문이다. 프로그램이 처리하는 대부분의 코드는 반복적인 형태가 많으므로, 가장 많이 사용되는 실행문 중 하나이다. 자바스크립트에서 사용할 수 있는 반복문의 형태는 다음과 같다. while 문 do / while 문 for 문 for / in 문 for / of 문 while 문 while 문은 특정 조건을 만족할 때까지 계속해서 주어진 실행문을 반복 실행한다. while 문의 문법은 다음과 같다. 예제 while (표현식) { 표현식의 결과가 참인 동안 반복적으로 실행하고자 하는 실행문; } while 문은 우선 표현식이 참(true)인지를 판단하여 참이면 내부의 실행문을 ..

조건문(conditional statements) 조건문이란 프로그램 내에서 주어진 표현식의 결과에 따라 별도의 명령을 수행하도록 제어하는 실행문이다. 조건문 중에서 가장 기본이 되는 실행문은 if 문이다. 자바스크립트에서 사용할 수 있는 조건문의 형태는 다음과 같다. if 문 if / else 문 if / else if / else 문 switch 문 if 문 if 문은 표현식의 결과가 참(true)이면 주어진 실행문을 실행하며, 거짓(false)이면 아무것도 실행하지 않는다. if 문을 순서도로 표현하면 다음 그림과 같이 표현할 수 있다. if 문의 문법은 다음과 같다. 예제 if (표현식) { 표현식의 결과가 참일 때 실행하고자 하는 실행문; } 예제 let x = 10, y = 20; if (x ..

산술 연산자(arithmetic operator) 산술 연산자 설명 + 왼쪽 피연산자의 값에 오른쪽 피연산자의 값을 더함. - 왼쪽 피연산자의 값에서 오른쪽 피연산자의 값을 뺌. * 왼쪽 피연산자의 값에 오른쪽 피연산자의 값을 곱함. / 왼쪽 피연산자의 값을 오른쪽 피연산자의 값으로 나눔. % 왼쪽 피연산자의 값을 오른쪽 피연산자의 값으로 나눈 후, 그 나머지를 반환함. 대입 연산자(assignment operator) 대입 연산자 설명 = 왼쪽 피연산자에 오른쪽 피연산자의 값을 대입함. += 왼쪽 피연산자의 값에 오른쪽 피연산자의 값을 더한 후, 그 결과 값을 왼쪽 피연산자에 대입함. -= 왼쪽 피연산자의 값에서 오른쪽 피연산자의 값을 뺀 후, 그 결과 값을 왼쪽 피연산자에 대입함. *= 왼쪽 피연산자..

이번에 Full IM 21 후기 공유회를 진행했습니다. 이번 후기 공유회 세션은 크게 3가지로 진행이 되었습니다. 나만의 대화법 찾기(Pair Programming) - 커뮤니케이션에 대한 소소한 Tip! - 개인적인 경험 about 페어 프로그래밍 - 좋은 페어 프로그래밍 vs 나쁜 페어 프로그래밍 코스에서 하얗게 불태울 수 있는 동기 부여하기 - 오늘 했던 스프린트, 그냥 지나치지 않기! - 이전의 게으른 내가 오늘은 자기 주도적으로 개발 공부를 하고 싶다면? - 스스로 동기 부여하고 발전하는 법 취준 전에 알았다면 더 좋았을 것들 - 합격률을 높이는데 중요하다고 생각하는 것 - 코딩 테스트를 대하는 태도 - 면접을 대하는 태도 - 사전 과제를 대하는 태도 나만의 대화법 찾기(Pair Pr..

타입 변환(Type conversion) 자바스크립트는 매우 유연한 언어이다. 변수는 타입이 정해져 있지 않고 같은 변수에 다른 타입의 값을 대입할 수 도 있다. let age = 20; //Number 타입 20 age = '이십'; //String 타입 '이십' 명시적 타입 변환(explicit type conversion) 자바스크립트에서는 유연한 언어이라도 명시적으로 타입을 변환할 방법도 존재한다.아래는 명시적 타입 변환을 위한 전역 함수이다. Boolean() Number() String() Object() parseInt() parseFloat() Boolean(1); // true Number('20'); //숫자 20 String(20); //문자열 20 Object(10) //숫자 타입 ..

자료형 (Data type) 이란? 프로그램에서 다룰 수 있는 값의 종류를 의미한다. 자바스크립트는 느슨한 타입(loosely typed), 동적(dynamic) 언어이다. 무슨 말이냐면 변수의 타입을 미리 선언할 필요가 없다는 것이다. 타입은 프로그램이 처리되는 과정에서 자동으로 파악이 되고 처리가 될 것이다. let test1 = 100; //test1 는 Number 타입 변수임. let test2 = "bar"; //test2 는 String 타입 변수임. let test3 = true; //test3 는 Boolean 타입 변수임. let test4; //test4 는 undefined 타입 변수임. 자료형 (Data type) 종류 최신 ECMAScript 표준은 다음과 같은 7가지 자료형을 ..

변수 (variable) 이란? 변수는 데이터를 저장하는 저장소(컨테이너)입니다. 변수는 전역 변수, 지역변수, 매개변수, 멤버 변수로 나뉘며 식별자로 구분해야 하기 때문에 숫자, 문자열, boolean, 객체, 함수 등을 이용할 수 있습니다. 자바스크립트 변수 선언 자바스크립트에는 3가지 방법으로 선언할 수 있습니다. var 변수명 = 값; let 변수명 = 값; const 상수명 = 값; 하지만 변수 선언 경우에는 var, let를 이용합니다. const은 상수 선언이므로 밑에서 추가적으로 설명하겠습니다. 자바스크립트 var와 let 차이점 우선 var과 let 차이점 설명에 시작하기 앞서 이 둘의 차이점에 이해하기 위해서는 Hoisting과 Scope의 개념이 필요하다. var name = "Jav..

코드 스테이츠에서의 Full Pre Course 3주 차 벌써 코드 스테이츠 Full Pre Course 3주 차이다. 이번 3주 차에서는 HTML CSS DOM 고차 함수 배웠는데 HTML, CSS 부분은 간략하게 배운 기억이 있어 어렵지 않게 문제을 풀 수 있었지만 DOM, 고차 함수 부분은 이해하는데 어려움을 겪었다. DOM, 고차 함수 부분은 다른 강의 영상을 추가로 보면서 이해할 수 있었다. 과제로는 Twittler, Underbar 과제를 진행하였습니다. 특히 Twittler 과제는 SNS처럼 댓글 기능을 간단하게 구현을 하는 과제였는데 간단하게 구현을 하는 거였지만 댓글 기능 구현을 하고 로직이 작동하는 모습을 보니 성취감이 높았다. 그로 인해 열심히 만들다 보니 DOM에 대한 이해는 자연스..

우선 시작하기 전 앞서 개발자를 하기 위한 계기부터 말씀드리고 싶다. 당시 글쓴이는 중학생 때 컴퓨터 게임에 푹 빠져 게임을 즐겨하곤 했다. 그 당시에는 '마인크래프트' 게임을 즐겨했는데 마인크래프트 게임은 자유도가 높은 게임이므로 직접 서버를 개설하여 여러 사람들과 멀티플레이를 할 수 있고 이미 배포된 플러그인과 모드를 통해 게임의 재미요소를 더욱더 증가할 수 있었다. 하지만 배포된 플러그인과 모드를 가지고는 글쓴이가 상상한 종류의 서버를 개설하기에는 어려움이 생겨 직접 만들거나 혹은 수정을 하여 원하는 서버를 개설하고 싶다는 마음이 생겨 일일이 찾아보면서 코딩이라는 것을 처음 시작하게 되었습니다.(당시에는 코딩이라는 것도 몰랐습니다...) 마인크래프트는 자바(Java) 언어로 구성되어 있어 자바 언어..