Minwoo Dev.

이 게시물은 인프런 강의 [MJ코딩 - 직접 활용할 수 있는 Git & Github_기초부터 협업까지] 를 보고 개인적으로 정리한 게시물 입니다. Git 설치 우선, Git을 설치하기 위해 아래 사이트로 접속한다. https://git-scm.com/ Git git-scm.com 위처럼 화면이 나타날텐데, 오른쪽의 모니터 그림에 있는 Download for Windows를 클릭한다. 제일 상단의 Click here for download the lastest (2.43.0) 64-bit ... 부분을 클릭하여 파일을 다운로드 받는다. (2024.01.13 기준으로 2.43.0 버전이 최신이다. 각자의 컴퓨터에 따라 64-bit가 아니라 32-bit라고 뜰 수도 있다.) 파일을 다운로드 받고 실행한다면 위..

배열이란 프로그래밍 언어에서 지원하는 자료형 중 하나로, 번호가 붙은 첨자(index)로 여러 개의 자료를 저장할 수 있는 자료구조이다. 배열 let 배열이름 = ['데이터1','데이터2',...'데이터N']; // let은 var 혹은 const로 필요에 따라 변경가능 JavaScript에서 배열은 기본적으로 위와 같은 형식을 가진다. 처음에 배열의 자료형을 선택한다. ( let, var, const와 같은 값이 올 것이다.) 그 다음에는 배열의 용도에 맞게 이름을 정해주고, 대괄호로 감싼다. 배열의 각 값들은 대괄호 안에 나열한다. 배열 내의 각 데이터들은 순서대로 인덱스 0번, 1번, ... , 과 같은 방식으로 관리할 수 있다 예를 들어, 2번째에 저장된 '데이터2' 라는 값을 콘솔에 출력한다면 ..

수학에서 함수는 수학에서 두 집합 사이의 관계를 설명하는 논리적 개념으로, 정의역의 원소마다 공역의 원소가 하나씩 대입되는 관계를 의미한다. (출처 - 나무위키 함수 https://namu.wiki/w/%ED%95%A8%EC%88%98) 함수 - 나무위키 그 정의는 다음과 같다. 집합 X,YX,YX,Y에 대한 함수 fff[1]는 다음을 만족하는 대응 관계로 정의된다.임의의 원소 x∈Xx\in Xx∈X에 대해, 그에 대응하는 원소 y∈Yy \in Yy∈Y가 유일하게 존재한다.[2][3] namu.wiki 프로그래밍에서 함수는 수학적 함수와 목적은 비슷하지만, 쉽게 말해 하나의 기능을 하는 묶음이다. 위에서 보이는 함수는 입력된 값에 4를 더하는 기능을 하는 함수이다. JavaScript에서의 함수 사용 J..

"환영합니다!" 라는 내용을 반복하여 10번 출력하는 문장을 JavaScript로 구현하려면 어떻게 해야할까 ? console.log('환영합니다! '); console.log('환영합니다! '); console.log('환영합니다! '); console.log('환영합니다! '); console.log('환영합니다! '); console.log('환영합니다! '); console.log('환영합니다! '); console.log('환영합니다! '); console.log('환영합니다! '); console.log('환영합니다! '); 아마 console을 이용하여 출력할 경우에는 위와 같이 작성하면 될 것이다. 하지만 위처럼 10번 반복이 아니라 100번, 1000번 등 무수히 많은 양을 반복해야 한다..

컴퓨터공학에서 많이 나오는 연산자들 중 논리연산자는 기본적으로 AND, OR 연산자가 있다. 다른 연산자들도 많지만, 이 두 연산자들을 기반으로 만들어지는 것이기에 이 두가지가 JavaScript에서 어떻게 사용되는지 설명하겠다. AND 연산자 ( &&, 곱연산 ) if(조건1 && 조건2){ /* 코드 */ } Javascript에서 AND 연산자는 && 로 표현한다. 위 코드의 의미는 조건 1과 조건 2가 둘 다 참일때만 if문이 실행된다는 의미이다. 자세히 설명하자면, 아래 표와 같다. 조건1 조건2 AND 연산 결과 참(true) 참(true) 참(true) 참(true) 거짓(false) 거짓(false) 거짓(false) 거짓(false) 거짓(false) 컴퓨터가 0을 거짓(false), 0..

if if(조건) { /* 조건이 참일 때 실행할 코드 */ } Javascript에서 조건문의 형식은 위와 같다. if 내부에 조건을 넣고, 이 조건이 참(ture)일 경우에 내부의 코드들이 실행되는 방식이다. 예시를 보자. let a = 5; if(a===5){ console.log('조건이 참이므로 실행됨.'); } 위 코드는 a가 5이므로 if문의 조건문이 참이다. 따라서 if문 내부의 문장이 실행될 것이다. 필요한 조건이 여러 개라면 if문을 여러 개 붙이면 된다. 하지만 조건문이 연결된 조건이라면, else if를 사용하여 부가조건들을 넣어줄 수 있다. else if if(조건) { /* 코드 */ } else if(조건){ /* 코드 */ } 위처럼 코드를 작성하면, if문의 조건이 참이 아..

Javascript의 여러 연산자들 중 "=" 와 관련된 연산자들에 대해서 설명하겠다. 아래 코드를 보자. let a; a = 5; console.log(a); 첫번째 줄에서 a라는 변수를 선언하고 있다. 그리고 두 번째 줄에서 a = 5라는 코드로 a 변수의 값을 지정해주고 있는데, 이 부분이 바로 "대입연산자"를 활용한 부분이다. Javascript에서는 이처럼 "="을 사용하는 연산자가 보통의 프로그래밍 언어보다 대입 연산자(Assignment Operator) "=" 을 기준으로 왼쪽의 변수에 오른쪽 값을 대입한다는 의미를 지니고 있다. a = 5 위처럼 "=" 하나로 식을 나타내며, 위 식은 a 라는 변수에 5라는 값을 저장한다는 뜻이다. 동등 연산자(Equal Operator) "==" 을 기..

JavaScript는 웹개발에 있어서 HTML, CSS와 함께 언급되는 기본적인 개발 언어이다. HTML과 CSS는 프로그래밍 언어가 아닌 마크업 언어에 해당하지만, Javascript는 프로그래밍 언어라고 할 수 있다. 우리의 Web을 더 풍성하게 해줄 JavaScript의 변수에 대해서 알아보자. Javascript에서는 다른 프로그래밍 언어들과 같이 정수형, 실수형, 문자형으로 나뉘어지지 않는다. 오로지 var, let, const의 세 가지로만 정의할 수 있다. var은 Javascript에서 오랫동안 있었던 변수형이며, ES5를 사용했던 2015년까지는 유일한 변수형이었다. 하지만 이후에 ES6와 함께 let, const라는 변수형들이 나오게 되었고, var의 고질적인 문제들을 보완할 수 있게 ..

Git이 개발자들에게 필수적이라는 말을 많이 들어봤을 것이다. 도대체 Git이 어떤 것이고, 왜 중요하다는 걸까 ? 우선, 버전관리 시스템에 대해서 먼저 설명하겠다. 버전관리시스템이란 ? 문서나 설계도, 소스 코드 등의 변경점을 관리해주는 소프트웨어. 버전관리 시스템의 종류 로컬 VCS (Local VCS) 장점 서버없이 로컬 컴퓨터에서 버전을 관리한다. 간단한 데이터베이스만으로도 구현이 가능하므로 단순하고 개인적인 프로젝트에 적합하다. 단점 협업에서는 사용하기 어렵고, 컴퓨터가 고장나는 경우에는 복구할 방법이 없다. 대표적으로 RCS, SCCS가 있다. 중앙집중식 VCS (Center VCS) 장점 서버에 최종본 한 벌이 있으며, 사용자들은 이 중 수정을 원하는 파일만 로컬에 받아 수정한 후 서버에 올..

위쪽이 원래 네이버 웹페이지의 모습이고 아래쪽이 내가 HTML과 CSS로만 구현한 네이버 웹페이지다. 원래는 HTML/CSS는 별 거 없다고 생각하고 무작정 클론코딩에 뛰어들었는데 한번에 이해하기 어려운 부분이 많았다. 클론코딩이라고 작성한 코드에는 네이버 웹페이지의 HTML/CSS코드들을 베껴와 내 것이 아닌 코드들로 이루어져 있어서 자꾸만 나를 속이는 기분이 들었다. 군대를 전역하고 배우려는 의지와 열정이 타오르고 있다. 그러던 와중에 떠오른 것이 이대로 말만 떵떵거리다가는 알맹이가 비어있는 상태가 될 거 같았다. 정말로 성공이란 걸 하려면 어떤 것이 필요할까 고민하던 중 실질적으로 내가 프로젝트를 오로지 내 힘으로, 내가 만든 코드들로 엮여내야 내 프로젝트로써의 가치를 가진다는 생각이 들었다. 그래..