프로그래밍 (19) 썸네일형 리스트형 JavaScript 객체 / 메소드 / 배열 객체(Object)를 사용하여 여러 개의 값을 하나의 변수에 담고 관리할 수 있다. 1.객체 생성1-1. 기본적인 객체 생성 구조let person = { name: "홍길동", age: 30, gender: "남자"}; person이라는 객체 생성한다.객체를 만들 때는 중괄호{}를 사용하며, 속성(Key)와 값(Value)를 콜론: 으로 구분하여 작성한다.각 속성과 값은 쉼표, 로 구분한다. 1-2. 생성자 함수를 사용한 객체 생성function Person(name, age, gender) { this.name = name; this.age = age; this.gender = gender;}let person1 = new Person("홍길동", 30, "남자");let person2.. JavaScript 조건문 과 falsy한 값과 truthy한 값 자바스크립트에서는 조건문을 사용하여 특정 조건을 만족하는 경우 코드를 실행 할 수 있다.(물론 모든 언어에 다 있는 기능이다) 1. IF 문1-1. 기본적인 if 문let x = 10;if (x > 0) { console.log("x는 양수입니다.");} 변수 x가 양수인지를 판별하여, 양수인 경우 "x는 양수입니다."라는 메시지를 출력합니다.if문은 조건이 참인 경우에만 코드를 실행하고, 조건에 부합하지 않을 경우 내부 로직이 실행되지 않는다.let y = "hello world";if (y.length >=5) { console.log(y.length);} 변수 y의 길이를 측정하여, 5보다 크거나 같으면 길이를 출력합니다. 1-2. if-else문let x = -10;if (x > 0) {.. JavaScript 연산자 / 함수 1. 산술 연산자 (arithmetic operators)1-1. 더하기 연산자 +console.log(2 + 3); // 5console.log("2" + "3"); // "23"console.log("2" + 3); // "23"console.log(2 + "3"); // "23" 더하기 연산자를 사용하여 숫자나 문자열을 더할 수 있습니다. 이때, 더하기 연산자는 숫자와 문자열을 함께 사용할 경우, 자동으로 문자열로 변환합니다. 1-2. 빼기 연산자 -console.log(5 - 2); // 3console.log("5" - "2"); // 3console.lo.. JavaScript 데이터타입 형변환 자바스크립트에서는 다양한 자료형을 다룰 수 있고 이 자료형들은 서로 형변환이 가능하다.이번에는 자바스크립트의 형 변환에 대해 공부해보자. 아래는 자바 스크립트의 형 변환 형태다.1. 암시적 형 변환1-1. 문자열 변환1-2. 숫자 변환2. 명시적 형 변환2-1. Boolean 변환2-2. 문자열 변환 암시적 형 변환은 - 개발자가 일부러 의도 하지 않은 변환 - 더하기+ 연산자가 나왔을 때는 문자열이 우선시 되어 변환 - 빼기-, 곱하기*, 나누기 / 연산자가 나왔을때는 숫자가 우선시 되어 변환되며, 문자 * 문자 와 같은 경우에는 숫자로 변환명시적 형 변환은 - 개발자가 일부러 의도 한 변환 1. 암시적 형 변환1-1. 문자열 변환.. 변수의 데이터 타입 ( 숫자 / 문자열 / 불리언 / 객체 / 배열 / undefined / null ) 변수의 데이터 타입은 7가지로 되어있다. 숫자(Number) 문자열(String) 불리언(Boolean) undefined null 객체(Object) 배열(Array) 하나씩 알아보도록 하자 1. 숫자(Number) 변수를 선언하고, 값을 할당할 때 따옴표(' ' / " ") 로 감싸서 표현하면 데이터 타입이 문자열로 된다. 따라서, 숫자값을 할당하고자 한다면 따옴표 없이 할당하도록 하자. 1-1. 정수형 숫자 (Integer) let num1 = 10; console.log(num1); // 10 console.log(typeof num1); // "number" num1 변수에 따옴표 없이 10을 할당 후 로그를 찍어보면 10이 출력되며 데이터 타입은 숫자(number) 가 된다. let num2 .. Node.js 변수의 5가지 주요 개념 및 특징 변수의 5가지 주요 개념 변수 선언 : 변수를 사용하기 위해 컴퓨터에 알리는 행위 변수 이름 : 저장된 값의 고유 이름 변수 값 : 변수에 저장된 값 변수 할당 : 변수에 값을 저장하는 행위 변수 참조 : 변수에 할당된 값을 읽어오는 것 데이터 타입의 결정시기는 runtime에 결정된다. 1. 변수 선언, 변수 이름, 변수 값, 변수 할당 var myVar = "Hello World"; 위의 코드를 보자 좌측의 var myVar 는 var타입의 변수 myVar를 만드는(선언하는) 과정이다. 우측의 "Hello World" 는 앞에서 선언한 myVar 라는 변수에 Hello World 라는 값을 할당하는 과정이다. 변수는 위 코드처럼 한줄로 작성 할 수도 있고, 아래 코드처럼 두줄로 작성할 수 도있다. v.. Node.js 설치하기 및 VS Code 에서 확인 (노드.js 설치하기) 이번 포스팅 에서는 Node.js를 설치하는 과정과 VS Code 에서 실행 및 확인을 해보는 내용을 다룹니다. 자 우선 아래 링크를 타고 접속합니다. https://nodejs.org/en/download Node.js에서 사용되는 주요 버전은 LTS (Long Term Support) 버전과 Current 버전 입니다. LTS (Long Term Support) 버전 안정적이며 신뢰도 높음. 18개월간 해당 버전에 대한 취약점 패치와 개선 사항에 대한 패치를 보증. 오랜 기간 동안 지원되며, 같은 코드가 같은 기능을 하도록 보장. 서버 환경에서 안정적으로 운영할 때 선택. 최신 기능은 포함하지 않음. Current 버전 최신 기능을 담고 있음. 실험적인 기능도 포함하여 안정성 보장이 없음. 개발 중인.. GitHub 협업하기 ( Git Clone ) GitHub를 연동하였으면 할일은 팀원들의 또는 팀프로젝트의 code를 내 PC로 받아오는 과정이 남았다. 드디어 협업의 시작이라고 볼수있는 것이다. ▲ VS Code의 왼쪽 파일탐색기를 확인해보자. 우리가 GitHub 리포지토리에 업로드 했던 내용만 덩그러니 보인다. ▲ 다운로드 받을 위치를 지정하거나, 현재 폴더에서 그대로 프로젝트를 진행할 것이라면 그대로 터미널로 이동하자. 터미널과 Git Bash 를 혼동하지 말자, Git 관련된 명령어는 Git Bash창에서 수행한다. ▲ 자 이제 터미널에서 아래 명령어를 입력한다 git clone 팀원의리포지토리주소 리포지토리이름 그러면, 왼쪽 파일탐색기에 팀 프로젝트 폴더가 짠 하고 생성된다. ▲ 이제 팀원이 프로젝트를 업데이트 하였을 경우, 당겨오는 방법은.. 이전 1 2 3 다음
