[MacOS][Docker] Jenkins - 2. Jenkins 설정
·
Infra
1. Plugin 필요한 플러그인을 설치해봅시다. 저는 빌드할 때 npm 명령어를 사용해야 해서 NodeJS 플러그인을 설치하겠습니다. Jenkins 관리 - 플러그인 관리를 클릭합니다. 그 후에 설치 가능 탭을 누르고, 필터에 필요한 플러그인을 검색합니다. 그 후에 체크박스를 누르고 재시작 없이 설치하기를 클릭합니다. (플러그인 설치 실패시 지금 다운로드하고 재시작 후 설치하기로 설치해보시기 바랍니다.) 2. Global Tool Configuration 젠킨스 전체에서 사용할 도구를 설정하는 페이지입니다. Jenkins 관리 - Global Tool Configuration을 클릭합니다. 다음과 같은 화면이 나옵니다. JDK, Git은 대부분의 프로젝트에서 사용됩니다. 저는 추가로 Maven와 Nod..
[Ubuntu 18.04] 우분투에 NodeJS 설치
·
Infra
1. CURL 설치 $ sudo apt-get install curl 2. PPA를 추가 $ curl -sL https://deb.nodesource.com/setup_12.x | sudo -E bash - 3. NodeJS 설치 $ sudo apt-get install -y nodejs 4. build-essential 설치 PPA를 통해서 NodeJS를 설치하면 NodeJS 뿐만 아니라 npm도 같이 설치됩니다. 하지만 npm install시 에러가 나는 것을 방지하여 build-essential을 설치해줍니다. $ sudo apt-get install build-essential REFERENCE [Ubuntu 16.04] node.js 와 npm 설치: https://itstory.tk/entry..
Javascript - 스코프(Scope)와 스코프 체인(ScopeChain)의 동작 방식
·
Language/Javascript
이번 시간은 스코프와 스코프 체인의 동작 방식에 대해 알아보려고 합니다. 우선 스코프에 대한 지식이 있으면 이해하기 더 쉽습니다. 제가 정리한 스코프 게시글을 보고 와주세요. 2020/02/29 - [Front-End/JavaScript] - Javascript - 스코프 (Scope)란? 이전 게시물의 코드를 갖고 오겠습니다. const globalVar = '전역 변수'; function outerFunction() { const outerVar = '외부 변수'; function innerFunction() { const innerVar = '내부 변수'; console.log(`inner 함수에서 ${globalVar} 접근!`); console.log(`inner 함수에서 ${outerVar} ..
Javascript - 스코프 (Scope)란?
·
Language/Javascript
클로저를 이해하기 위한 사전 지식으로 스코프 관련 글들을 봤는데, 블로그마다 스코프에 대한 설명이 달라서 공부할수록 더 헷갈리는 상황이 왔습니다. 스코프의 개념을 잊어버릴 미래의 저를 위해 이해하기 쉽게 스코프 포스팅을 하겠습니다. (글에 오류가 있으면 알려주세요. 감사합니다.) 스코프란? 스코프란 자바스크립트의 코드의 범위입니다. 스코프는 전역 스코프와 지역 스코프로 나눌 수 있습니다. 전역 스코프(Global Scope) 자바스크립트 프로그램을 시작 후, 어떤 함수도 호출하지 않았을 때, 실행 흐름은 전역 스코프에 있습니다. 중괄호 {}의 밖을 전역 스코프라고 하고, 전역 스코프에서 선언된 것들을 전역 변수라고 합니다. 전역 변수를 많이 이용한다면 부작용이 발생합니다. const name = '수재'..
[MacOS] Jenkins - 1.Docker 컨테이너에 Jenkins 설치
·
Infra
안녕하세요! 최근에 회사에서 젠킨스를 사용하고 있는데, 개인적으로 연습을 하고자 도커 컨테이너에 젠킨스를 설치해보려고 합니다. 그럼 도커와 젠킨스를 설치해 봅시다. 1. 도커 설치 https://docs.docker.com/docker-for-mac/install/ 위의 사이트에 접속해서 파일을 다운로드하고 순서에 따라 설치하고, 로그인을 합니다. 2. Kitematic 이제 Kitematic을 설치해봅시다. Kitematic은 도커를 쉽게 사용할 수 있게 해 주는 GUI툴입니다. 상단 바에 위치한 도커 아이콘을 클릭하면 이와 같이 Kitematic이 나옵니다. ※Kitematic 메뉴가 없는 경우 도커를 클릭해도 나오지 않는 경우 Kitematic 사이트로 들어가 직접 다운로드하여야 합니다. 아래의 K..
Assignment Operator(=), Shallow Copy, Deep Copy
·
Language/Javascript
Assignment Operator(=), Shallow Copy, Deep Copy 프로그래밍을 하다 보면 문자열, 숫자, 객체, 배열등을 복사해야 하는 상황이 많이 옵니다. 오늘은 복사에 사용되는 메소드가 어떤 것이 있고, 어떤 상황에 사용해야 하는지에 대해 포스팅 해보려고 합니다. Assignment Operator(=) 우선 코드를 보고 설명하겠습니다. String Reassignment let s1 = 'soojae'; let s2 = s1; s2 = 'junbeom'; console.log(`s1: ${s1}, s2: ${s2}`); // s1: soojae, s2: jun Object Reassignment const o1 = { name : "soojae", age : 29 }; const..