목록2024/01 (23)
Minwoo Dev.
이 게시글은 인프런 강의 [직접 활용할 수 있는 Git과 Github - 기초부터 협업까지] 강의를 보고 개인공부 목적으로 기록한 게시글입니다. 브랜치 (branch) 브랜치는 Git에서 굉장히 중요한 개념이다. 브랜치는 '가지' 라는 의미를 가지고 있는데, 위 그림을 보면 나뭇가지처럼 뻗어나가는 모습을 가진 것을 확인할 수 있다. 개발을 할 때, 본래의 서비스가 실행되고 있는 코드를 함부로 변경하면 안된다. 그럴 때, 개발자들은 Git의 branch를 사용하여 본래의 코드를 복제하여 새로운 가지를 만든다. 이렇게 만든 Branch는 본래의 코드인 Main(혹은 master)에 아무 영향을 끼치지 않으며, 해당 기능을 만들고 정상적으로 작동하여 기능을 추가할 때, master 브랜치와 병합하는 방식으로 ..
이 게시물은 인프런 강의 [생활코딩 - 자바스크립트(JavaScript) 기본] 강의를 바탕으로 개인적 기록 목적으로 작성하였습니다. 지역변수의 유효범위 function func() { var a = 10; console.log(a); } func(); console.log(a); 함수 내에서 변수 a 를 선언하였고, 함수에서 바로 a 값을 사용하고 있다. 함수 밖에서는 a값이 존재하지 않는 지역변수이므로 마지막의 출력문은 실행되지 않는다. 결과 첫번째 출력만 출력되고 두번째는 에러가 난 것을 확인할 수 있다. 결론적으로, 지역 변수의 유효범위는 그 변수가 속한 함수, 혹은 객체의 범위 안이다. 전역변수의 유효범위 var a = 30; // 함수 밖에서 변수 선언 function func() { cons..
github 홈페이지에 들어가서 로그인을 한다. 이런 화면이 뜰텐데, 여기서 왼쪽 탭의 Top Repositories 오른쪽에 초록색 New 버튼을 클릭한다. 여기서 Repository 이름을 설정하고, Create repository를 클릭한다. 그럼 위와 같은 창이 뜨는데, github 상의 repository를 생성한 것이다. 그럼 이제 우리 컴퓨터에 있는 로컬 repository와 연결해야 할 것이다. 위의 설명란을 보면 git remote ... 와 같은 명령어를 사용해서 하라고 되어있다. 저 방법을 사용해도 된다. 하지만 나는 sourcetree를 사용하여 원격으로 리모트를 해보겠다. sourcetree에 들어간다. 오른쪽 상단의 원격을 클릭한다. 그럼 이렇게 생긴 창이 뜨는데, 여기서 추가를..
sourcetree를 사용하는 것을 위주로 설명할 것이다. git 명령어들도 같이 첨부하겠다. 우선 , vscode를 실행하여 작업을 실행할 파일을 만든다. 그런 다음, sourcetree를 실행한다. sourcetree를 실행하면 위와 같은 화면이 나온다. 여기서 상단 탭의 Create를 선택한다. 여기서 "탐색"을 눌러 우리가 작업할 파일의 경로를 찾아준다. 그리고 "생성"을 눌러 레파지토리를 생성한다. 위처럼 뜬다면 그냥 예를 누르면 된다. 레파지토리 생성이 완료되었다면 위처럼 작업 공간이 형성될 것이다. 여기까지의 과정(sourcetree에서 파일 경로를 연결하여 작업공간을 형성한 것)이 Git 명령어로는 git init에 해당한다. 그리고 이제 파일을 하나 만들어서 내용을 저장해 보겠다. vsc..
이 게시물은 인프런 강의 [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문의 조건이 참이 아..