함수에 매개변수로 숫자도 들어오지만 배열 형태로도 들어 올 수 있습니다. 뿐만 아니라, 함수 형태로도 받을 수 있습니다. 여기에서는 배열을 전개하여 함수의 매개변수로 전달해주는 전개 연산자에서 알아보겠습니다. 전개 연산자 간단한 예제로 차이점을 확인하겠습니다. const array = [1,3,5,7,9]; const spreadOperator = (...items) => { console.log(items); } spreadOperator(array); // 배열안에 배열이 들어옴 [[1,3,5,7,9]] spreadOperator(...array); // 배열형태로 들어옴 [1,3,5,7,9] 전개 연산자를 사용한 것과 사용하지 않는 차이점을 확인 할 수 있습니다. 사실 제가 이해한 건 아래의 코드로..

함수에 들어오는 값을 매개변수라고 하고 함수를 통해 수행된 작업 후 출력된 값을 리턴 값이라고 공부하였습니다. 그럼 여기에 들어오는 매개변수는 무엇이 있는지, 어떤 리턴값을 받는지와 모든 함수에 매개변수가 필요한지 등등 알아보겠습니다. 매개변수를 가지고 리턴값을 갖는 함수 MDN 공식 문서 함수 - JavaScript | MDN 함수는 JavaScript에서 기본적인 구성 블록 중의 하나입니다. 함수는 작업을 수행하거나 값을 계산하는 문장 집합 같은 자바스크립트 절차입니다. 함수를 사용하려면 함수를 호출하고자 하는 범 developer.mozilla.org const 함수 = (매개변수, 매개변수) => { 문장 return 리턴값 } 간단 문제 1: 제곱근 구하기 const squareRoot = (x..

함수 수학에서 함수를 정의 한다는 건 변수의 값에 따라 정해지는 다른 변수의 값을 먼저 주어지는 값에 상대하여 일컫는 말 (위키피디아 인용) 위키피디아에서 확인 함수 - 위키백과, 우리 모두의 백과사전 위키백과, 우리 모두의 백과사전. 함수는 입력값에 따라 출력값을 만들어 내는 ‘블랙 박스’와 같다. 수학에서 함수(函數, 영어: function) 또는 사상(寫像, 영어: map, mapping)은 어떤 집합의 각 원소 ko.wikipedia.org 위의 그림에서도 보듯이 입력 값 x 를 넣으면 출력 값 f(x)가 나오는 형식입니다. 자바스크립트에서의 함수 위에서 사용한 정의를 그대로 들고옵니다. 입력 값 x 를 프로그래밍에서는 매개변수라고 부릅니다. 그리고 최종적으로 나오는 출력 값을 리턴 값이라고 부릅..

목표설정 Node와 Koa를 설치 후 ES 모듈이 사용되게끔 하기 이유 Node JS 에서는 ES 모듈인 import / export 문법이 지원되지 않습니다. 따라서, 해당 문법을 사용하기 위한 환경설정 방법을 적어봅니다. 1. Node 설치 2. Koa 설치 3. ES 모듈 사용을 위한 esm 설치 4. 환경설정 마무리 1. Node 설치 노드설치를 위해 아래의 링크를 통해서 접속 후 NodeJS 를 설치합니다. Node JS 다운로드 링크 다운로드 | Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org 설치 후 터미널에서 아래의 명령어로 버전 확인이 되면 설치완료가 된 것입니다. node..

NodeJS에서 Router는 내장함수로 되어있습니다. 공식문서 참조 Express 5.x - API Reference Express 5.x API Note: This is early alpha documentation that may be incomplete and is still under development. express() Creates an Express application. The express() function is a top-level function exported by the express module. const express = require( expressjs.com 하지만 저는 실용파라 저걸 다 읽어보는 것 보단 해보면서 이해해봅니다! 사용방법 공식문서의 예시 var ex..

목적 ES6 문법을 NodeJS 에서 사용을 위함입니다. 예시 // Node 문법 const express = require("express") // ES6 문법 import express from "express" Babel 설치 및 설정 설치할 NPM 모듈 @babel/core @babel/node @babel/preset-env Babel/node 공식 링크 Babel · The compiler for next generation JavaScript The compiler for next generation JavaScript babeljs.io Babel Node Server w/Babel 참고 babel/example-node-server Example Node Server w/ Babel. C..

간단 설명 Organization Unit 을 지우기 위해 Protect object from accidental deletion 의 체크박스를 제거해야 합니다. (없다면 제거하는 방법 건너뛰면 됩니다.) 한 두개 정도는 마우스로 직접 해도 됩니다. 하지만, Organization Unit 이 많을 경우 반복문을 통하여 한번에 작업할 수 있는 이점이 있습니다. 그렇기 때문에 제어하는 방법부터 먼저 확인 합니다. Protect object from accidental deletion 제거하기 Get-ADOrganizationalUnit -Filter * -SearchBase "위치" | Set-ADObject -ProtectedFromAccidentalDeletion $false -Verbose 여기서 위..

원인 환경 변수 설정을 제가 이해한 대로 변경 후 완성시켰습니다. 그런데 예상치 못한 실수를 저질렀습니다. 그 결과 Mac 터미널에서 명령어가 실행이 되지 않았습니다. 현상 기본 명령어인 ls, vi 등 입력 후 실행하여도 아무런 반응이 없습니다. 해결책 아래와 같은 명령어를 터미널에서 입력합니다. export PATH=/usr/bin:/bin 임시로 해결되기 때문에 터미널을 끄면, 명령어가 다시 안될 것입니다. 그래서 마지막 환경변수 설정한 파일에 가서 설정을 잘 마무리 하면 됩니다! .bash_profile 에 있습니다. vi .bash_profile 즉, 패스 설정을 잘못해서 /usr/bin 의 패스가 날아갔다고 봐야 합니다.

현재 Windows Server 환경 Windows Server 2012 R2 Windows Server 2008 R2 (가상화) 간단 설명 Active Directory 실행 Organizational Unit 버튼 선택 또는 New -> Organizational Unit 클릭 이름 입력 체크박스 Protect Container from accidental deletion 확인 그림과 설명 (실행) 아래와 같은 Active Directory 아이콘 선택 및 실행 또는 아래와 같은 이름 입력 후 실행 dsa.msc 그림과 설명 (생성) 원하는 위치에서 아래와 같은 아이콘 선택 또는 오른쪽 버튼 후 New-> Organizational Unit 선택 이름 입력 그림과 설명 (삭제) 만약 체크박스 Prot..

Login Admin 선택 Users 선택 Bulk upload users 선택 (2명 이상의 유저를 한번에 등록하기 위해) 처음 유저라면 Blank CSV Template과 user's info 둘 다 다운로드 Blank CSV Template 열기 컬럼에 [Required] 표시가 된 부분은 필수 First Name [Required] Last Name [Required] Email Address [Required] Password [Required] 신규 유저에게는 저희가 입력합니다. 기존 유저에게는 기존 패스워드를 유지하기 위해서 **** 을 입력하면 기존 패스워드 유지됩니다. Org Unit Path [Required] Organizational Unit 약자 같은데 해당 유저가 있는 위치입니다..

2020년 6월 새 컴퓨터를 재 구매! 블루아이티에서 3 번째 입니다! 현재 사용중인 컴퓨터는 CPU - i5 (4세대) RAM - 8GB SSD - 250GB 6년이 넘게 지났고 특히 파워서플라이에서 문제가 많이 발생 중입니다. 고민도 없이 블루아이티에서 3 번째 재 구매를 진행합니다. 박스는 샵 다나와에서 지원한건가... 1. CPU 라이젠만 사다가 인텔을 한번 구매해 보고 싶었습니다. 벌써 10세대 까지 나왔네요. 용도는 사무용 입니다. 하지만 브라우저를 많이 띄우고 엑셀을 많이 사용하는 곳이라면 일반 사무용은 버거울 수 있습니다. - 인텔 코어 i5-10세대 10400 (코멧레이크S) (정품) 220,340원 (6월 기준) 현재 인텔 코어 i5-10세대 10400 (코멧레이크S) 블루아이티 가격 ..

이 글의 구성 1. 텍스트 코드 2. 텍스트와 수식어를 사용하여 활용한 코드 시작 Xcode 를 실행하여 SwiftUI 로 만든 뒤 ContentView.swift 파일을 확인하면 아래와 같은 코드를 볼 수 있습니다. import SwiftUI struct ContentView: View { var body: some View { Text("Hello, World!") } } struct ContentView_Previews: PreviewProvider { static var previews: some View { ContentView() } } Text 코드 사용법 Text() 에 " " 안에 문자를 넣을 수 있습니다. Text ("문자를 넣을 수 있습니다.") Text 와 수식어 사용 -1 Text..

간단설명 구글 그룹 메일 수신이 되지 않는 상황 moderation 문제 발생 해결방법은 해당 그룹의 moderation setting으로 들어가서 Messages -> Pending messages 확인 만약 있다면 moderation 발생되어 메일이 보내지지 않은 상황 메일을 다시 보내고 Settings -> Moderation 으로 가서 Spam Messages 의 옵션 중 Skip the moderation queue and post to the group 으로 변경 증상 사용자의 그룹 메일안에 있는 멤버 모두 메일을 받아 볼 수 없는 상황 아무리 테스트를 해도 받을 수 없습니다. 혹시나 그룹 메일 멤버들 중 일부만 받게되어도 위와 같은 증상으로 생각하면 됩니다. 원인 원인을 알기 전 내가 속해 ..

간단설명 클라이언트와 서버가 통신하여 클라이언트에서 입력한 아이디, 비밀정보를 서버에서 받아볼 수 있도록 하기! 클라이언트와 서버 통신 셋팅 클라이언트 (브라우저) 아이디, 비밀번호 정보 입력 후 서버에 전달 서버 서버는 클라이언트에서 보낸 정보를 받음 여기서 body-parser 를 이용 (공식 링크) body-parser Node.js body parsing middleware www.npmjs.com npm install body-parser --save 설치한 body-parser를 불러옵니다. const bodyParser = require('body-parser'); body-parser 가 클라이언트에서 오는 정보를 서버에서 분석 후 가져오게 하는데 1. 인코딩된 url을 가져오는 방법 2...

간단설명 Node JS 에서 MongoDB 를 연결하기 위해 아래의 코드를 입력 const mongoose = require('mongoose'); mongoose.connect("몽고 DB 주소", { useNewUrlParser: true, useUnifiedTopology: true, useCreateIndex: true, useFindAndModify: false }) .then(() => console.log('Successfully connected to mongodb!')) .catch(e => console.error(e)); Mongoose 설치 Node 에서 MongoDB에 연결하기 위해 아래와 같이 Mongoose를 설치합니다. 몽구스 공식 NPM mongoose Mongoose Mo..

1. 누구에게 필요한가? -> 백엔드에 NodeJS 가 필요한 사람 2. 초기 셋팅 방법은? -> 무엇이 필요하여 설치 및 테스트하기 3. 결과 -> 결과 화면 1. 백엔드에 NodeJS 가 필요한 사람 NodeJS는 자바스크립트 언어가 주 언어입니다. NodeJS 가 필요하다면, 자바스크립트 언어를 꼭 공부하시길 바랍니다! 2. 초기 셋팅 방법 먼저 Node가 있는지 확인합니다. 확인 방법은 아래와 같습니다. node -v 없다면 node를 아래의 링크를 통해 설치 바랍니다. 설치 파일 다운로드 Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org 2.1 노드 프로그램 시작하기 노드 프로그램 ..

맥 버전) 몽고 디비 설치하기 1. 로컬에 몽고 디비 설치 2. 몽고디비 사이트 접속 후 다운로드 및 압축풀기 3. 압축 푼 폴더를 /usr/local/ 폴더에 이동 4. data/db 폴더 생성 후 권한 부여하기 5. 환경변수 설정 1. 로컬에 몽고 디비 설치하기 2가지 방법이 있는데 Homebrwe 와 사이트 링크에서 직접 다운로드 하는 방식이 있습니다. 그 중 몽고 DB 공식 사이트에서 설치파일을 다운 및 설치 방법으로 진행하겠습니다. 아래의 링크로 들어가서 제품에 맞는 설치 파일 다운로드 합니다. 설치링크 Download Center: Community Server Download MongoDB Community Server, the most popular non-relational databas..

splice 함수를 최근들어 자주 보게 되어 정리를 하자고 마음먹었습니다. splice 가 사용되는 것을 많이 본 이유가 1. 배열에서 하나 이상의 값을 뺄 때, 그 값은 기존의 배열에 남아있지 않아야 함 2. 뺀 값을 새로운 배열에 넣어야 할 때. 그리고 배열의 값들 중 랜덤하게 뽑아야 할 때가 많아 Math 의 랜덤함수와 자주 사용함 위의 내용을 정리하여 보았습니다. 1. splice 함수는 배열이 필요 splice 함수도 map 함수와 같이 배열이 있어야 합니다. 2. splice 함수는 3가지 인자 중 2개 이상 필요 splice(시작점, 지울 개수, 넣을 것) 3. 지정하지 않고 랜덤한 값으로 배열을 선택한 뒤 지우기 4. splice 의 함수를 이용하여 나온 값을 새로운 배열에 넣기 배열에 넣..

JS 를 이용하여 Map 함수를 사용할 때 다음과 같은 의문점이 들었습니다. 언제 사용할까? 어떻게 사용할까? 다른 사람이 사용했던 거 어떻게 사용한거야? 위와 같은 의문점이 들었을 때, 구글링으로 여러가지 지식을 습득한 결과 저만의 결과가 나오게 되었습니다. Map 함수는? 1. 배열이 필요함 배열이 있고 map 함수가 사용됩니다. 2. 새로운 배열 생성 map 함수는 return 하여 새로운 배열을 만들어 냅니다. 예시) map() 함수를 사용하여 return 한 새로운 배열은 변수 result 에 저장됩니다. 3. 인자를 다 사용하지 않아도 됨 map 함수에서 사용되는 인자가 3가지. 하지만 모두 다 사용하지 않고 하나만 사용해도 됩니다! map(요소, 인덱스, 배열) --> map(요소) map(..

이번 글은 웹 게임을 만들며 배우는 React (By ZeroCho) 공부하면서 정리한 글 입니다. 1. 시작하기 리엑트를 사용하기에 앞서 필요한 준비가 있습니다. React: 리엑트 핵심 코드 및 문법 사용하기 ReactDOM: 사용한 리엑트를 웹에 보여주기 (렌더링) 위의 두 가지를 사용하기 위해 여기 링크로 접속 또는 아래의 CDN 링크를 복사 CDN 링크 – React A JavaScript library for building user interfaces ko.reactjs.org 위치는 아래와 같이 HTML 의 Head tag 안에 합니다. 그럼 이제 준비는 다 되었습니다. 2. 컴포넌트 만들기 컴포넌트를 만들기 위해 먼저 특정 tag를 가리키는 에 Id를 넣습니다. 이 태그에 React 문법..

아래와 같은 환경에서 MySQL 64bit를 수동설치시 도움이 되길 바랍니다! 운영체제: Windows 10 설치할 파일: MySQL 64bit (v8.0.19) 방법: 수동 설치 사실 MysSQL 을 MSI Installer 로 설치 하셔도 되는데 저는 연습삼아 도전하게 되었습니다! 1. 파일 다운로드 및 압축풀기 아래의 링크로 들어가서 설치할 파일을 받으시면 됩니다. 설치 파일 링크 MySQL :: Download MySQL Community Server Select Operating System: Select Operating System… Microsoft Windows Ubuntu Linux Debian Linux SUSE Linux Enterprise Server Red Hat Enterpri..

React에서는 컴포넌트를 사용하는데 있어서 두 가지로 분류 1. 함수형 컴포넌트 2. 클래스 컴포넌트 함수형 컴포넌트 함수형으로 생겼으며 아래와 같이 참조 function App() { return ( Function Component ); export default App; 함수 형태 => Return 한 것을 스크린에 표시 클래스 컴포넌트 형태 class App extends React.Component { render() { return( Class Component ); } } export default App; 리엑트 컴포넌트를 확장시켜 가져와 사용 클래스 리엑트 컴포넌트는 return을 가지고 있지 않고 render 메서드를 가지고 있음 render 메서드 안에서 return을 사용하여 스크..

목적 원하는 브라우저에서 바로 테스트를 실행하기 위함 변경 위치 File -> Settings -> Tools -> Web Browers 아래의 Defaul Brwowser 를 선택 System Default, First listed 및 Custom path 중 원하는 것을 선택하여 먼저 오도록 함 System Default 는 시스템이 정한 값 변경하고 싶다면 Windows 10 일 경우 아래와 같은 화면에서 Web Browser 를 선택 후 원하는 브라우저로 변경 가능 공식 사이트에서도 확인 가능 https://support.microsoft.com/ko-kr/help/4028606/windows-10-change-your-default-browser 쿠키가 사용되고 있지 않습니다. 쿠키를 사용하고 ..

사전 준비 - NodeJs 설치 (Node -v 으로 버전 확인) NPX 설치하기 npm 5.2.0 이상에서는 자동으로 NPX 가 설치됨 npm 버전 확인하기 npm-v NPX 사용 이유 NPX 는 왜 사용해야 할까 라는 의문이 들었는데 NPM 이라는 무거운 패키지 안에는 자주 사용하지 않는 파일들이 로컬에 남는 것 최신 버전에 해당하는 패키지를 설치 및 실행 시 이전 버전 패키지를 제거 해줌 실행방법 아래와 같이 명령어를 입력 npx create-react-app 폴더이름 자세한 내용은 아래의 공식 문서 사이트를 이용가능 공식 문서 사이트 Create a New React App – React A JavaScript library for building user interfaces reactjs.org..

Login Admin 선택 Users 선택 Bulk upload users 선택 (2명 이상의 유저를 한번에 등록하기 위해) 처음 유저라면 Blank CSV Template과 user's info 둘 다 다운로드 Blank CSV Template 열기 컬럼에 [Required] 표시가 된 부분은 필수 First Name [Required] Last Name [Required] Email Address [Required] Password [Required] Org Unit Path [Required] 원하는 기능이 있다면 입력 또는 Toggle 일 경우 T 또는 F 로 입력 EX) Change Password at Next Sign-In = True 현재 회사에서 사용하고 있는 상황을 보고 싶다면 user..

앞에서 말 했듯이, 인터넷을 이용하여 AWS 는 클라우딩 컴퓨팅 플랫폼을 이용 인터넷을 사용한다는 건 외부에 노출 되었다는 것과 마찬가지 하지만 AWS는 클라우드 컴퓨팅 환경에서 안전하게 운영하기 위해 아래와 같은 접근 방식으로 실행 1. 데이터를 안전하게 유지 2. 지속적인 개선 3. 필요한 만큼 지불 4. 규정 준수 요구 사항 충족 5. 공동 책임 모델 해당 사항은 공식링크를 통해 자세히 알 수 있음 클라우드 보안 – Amazon Web Services(AWS) AWS는 금융, 소매, 의료, 정부 등의 보안 및 규정 준수 표준을 충족하기 위해 지속적으로 모니터링하는 수천 가지의 글로벌 규정 준수 요구 사항에 대해 타사 검증을 정기적으로 수행하여 고객의 규정 준수 노력을 지원합니다. 고객은 AWS에서 ..

AWS 를 전반적으로 공부하고자 남기는 글 AWS 에 대한 전반적인 설명은 아래의 공식링크를 클릭 바람 클라우드 서비스 | 클라우드 컴퓨팅 솔루션| Amazon Web Services AWS로 선수의 건강 및 안전을 혁신하는 NFL NFL은 AWS를 기반으로 한 AI와 기계 학습을 활용하여 선수 부상, 경기 규칙, 장비, 재활, 회복과 관련한 새로운 통찰력을 만들어냅니다. 자세히 알아보기 aws.amazon.com 소개 기존의 온프레미스 IT 환경에서 인터넷을 통해 IT 리소스와 애플리케이션을 온디맨드 환경에서 서비스를 이용하는 것 고객은 인스턴스라고 불리는 가상 서버를 프로비저닝하고 웹 애플리케이션을 통해 사용하는 것 흔히 이 부분을 클라우드 컴퓨팅이라고 부르며 아마존 공식링크에서 자세히 설명 클라우드..

파일 이름에 들어간 후 Class 다음에 있는 이름에 마우스 커서를 놓고 오른쪽 클릭 또는 Control 키를 누른 채 클릭 시 다음과 같은 옵션을 보이게 되고 아래와 같이 클릭 Refactor Rename 화면이 아래와 같이 전환되어 수정할 수 있게 됨 수정이 끝나면 오른쪽 상단에 Rename을 클릭

서버를 구축하기 위해 Express 를 선택 사전 준비 노드 설치 Download | Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org 설치 방법 Express-generator 는 콘솔 명령어 - 아래와 같이 전역 설치 npm i -g express-generator 새 익스프레스 프로젝트 생성 express 폴더명 --view=pug 만들어진 폴더명으로 들어가서 npm 모듈 설치 npm i or npm install 노드 실행하기 npm start 또는 npm run start package.json 파일 안에서 scripts 안에 start 라는 명령어가 있고 start 가 아닌 다른 ..

IBOutlet? IBAction? 너무 생소한 단어 찾다보니 간략하게 정의되어 있는 아래의 문장 IBOutlet은 컨트롤러 헤더 파일에 선언한 객체를 인터페이스 빌더가 알아 볼 수 있도록 하는 것 하지만 이해 안됨 그래서 코드로 만들어 보면서 이해하기 간단히 화면에 라이브러리 몇 개를 구성하여 넣기 슬라이더 및 레이블 생성 라이브러리(Command+Shift+L)에서 Slider를 검색 후 스토리 보드에 슬라이더를 생성 (레이블도 마찬가지) 스토리보드에 추가한 슬라이더를 Outlet을 통해 연결 IBO = (Interface Builder Outlet) 여러가지 방법이 있으나, 스토리 보드에 슬라이더를 누르고 Control 키를 누른 채 코드로 드래그 그럼 위와 같은 창이 뜨고 Name 에 원하는 이름..