방법 우리가 도커를 생성하는데 create 그리고 실행하는데 start 명령어를 사용했습니다. 하지만 이 두 가지를 합친 명령어를 더 자주 사용하게 됩니다.docker run [이름] 그래서 nginx 를 생성하고 실행하려고 한다면 아래와 같은 명령어를 입력합니다.docker run nginx 그런데 문제는 해당 명령어 이 후 다시 명령어를 입력할 수 없는 상태가 됩니다.  물론 다른 창을 열고 다시 명령어를 입력할 수 있습니다. 하지만, 이 상황이 어떤 상황인지 알아두면 좋습니다. 컴퓨터에서 주로 실행과 작업 방식은 두 가지가 있습니다.  1. 포그라운드 실행 중인 프로그램의 출력이 화면에 직접 표시됨사용자가 입력을 하거나, 프로그램이 종료될 때까지 터미널을 점유다른 작업을 하려면 프로그램이 종료되거나..

생성 방법 Docker 컨테이너를 생성하는 명령어는 docker create [이름] 만약 nginx 를 생성한다면 아래와 같이 합니다.docker create nginx 생성한 후에는 잘 생성되었는지 확인이 필요합니다. 조회 방법 컨테이너 생성이 잘 되었는지 확인하는 방법은 아래와 같습니다.docker ps -a  이렇게 컨터이너가 생성된 것을 알 수 있습니다. 여기서 -a 는 all 의 약자로 전체를 의미할 수 있습니다. 그렇다면 -a 를 제거하면 무슨 의미일까요? 바로 실행되지 않는 모든 컨테이너를 보여주는 겁니다. 그래서 -a 부분은 옵션인데 실행을 시키지 않아서 전체를 봐야 합니다. 실행 방법 Docker 를 실행하는 명령어는 아래와 같습니다. docker start [container ID] ..

방법 설치한 도커 이미지를 삭제하기 위해서는 아래의 코드로 가능합니다.Docker image rm [image ID] Image ID 값이 매우 길지만 모두 입력하지 않아도 됩니다. 식별 가능한 숫자만 적어도 원하는 Docker Image ID 로 인식하고 삭제 가능합니다.  이미지가 설치 후 사용될 경우 있습니다. 이렇게 중단되지 않은 도커의 이미지를 삭제할 경우 삭제가 불가능합니다. 그럼에도 불구하고 삭제가 필요하면 -f 라는 강제 옵션을 넣을 수 있습니다. Docker image rm -f [image ID] 중단된 이미지 한번에 삭제하기 컨테이너에서 사용하지 않는 전체 이미지를 삭제합니다.docker image rm $(docker image -q) 여기서 사용하고 있는 중단된 이미지를 모두 삭제..

방법 이미 설치된 도커 이미지가 있는데 확인하는 과정이 필요합니다. 바로 조회를 통해서 가능합니다. docker image ls ls 는 list 의 약자로 주로 사용됩니다.  그 결과 리파지토리 그리고 태그 및  아이디 등등 5 가지 데이터 값이 나오는 것을 볼 수 있습니다. 리파지토리는 우리가 설치한 이미지 이름을 의미하는 것 같습니다. 태그는 버전을 의미하고 ID 는 고유한 값을 의미합니다. Created 는 이미지가 생성된 날짜를 의미합니다. (제가 다운로드 받은 날짜를 의미하지 않습니다) 사이즈는 이미지의 데이터 용량 및 크기를 나타냅니다. 항목설명Repository설치한 이미지 이름Tag버전 (태그명)Image ID고유한 값Created생성된 날짜Size용량 또는 크기  추가 옵션 물론 추가로..

방법 도커 허브에 올라간 이미지를 다운 받는 것이다. 도커 허브 사이트 Docker Hub Container Image Library | App ContainerizationIncrease your reach and adoption on Docker Hub With a Docker Verified Publisher subscription, you'll increase trust, boost discoverability, get exclusive data insights, and much more.hub.docker.com docker pull [받고 싶은 이미지 이름]  예시 - 만약 nginx를 다운받아서 사용하고 싶다면? docker pull nginx 최신 버전의 nginx 를 다운 받게 되고 마지..

먼저 EC2의 상태에서 종료를 선택합니다.  종료를 누르면 한번 더 물어봅니다. 중요하니 확인을 위해서 한번 더 물어보는 게 아닐까 생각합니다.  여기서 중요한 것은 탄력적 IP를 사용중이라면 비용이 계속 발생하기 때문에 이 부분도 제거해야 합니다.  Release 하여 필요한 사람이 사용할 수 있도록 마무리 합니다.

EC2 인스턴스 생성 후 받은 IP 주소는 임시로 받은 IP 주소 입니다. 중지하기 전 IP 주소는  중지 후 화면에는 IP 가 없습니다.  다시 실행 된 IP 는 달라집니다.  이렇게 IP 주소가 변경되면 번거러울 수 있기 때문에 IP 변경을 하지 않도록 해야합니다. 변경은 왼쪽 메뉴에서 Elastic IPs 를 선택합니다.  그리고 탄력적 IP 주소 할당 버튼을 누릅니다.  할당 된 기본 값으로 진행합니다.  그리고 해당 주소를 연결합니다.  이미 만들어 놓은 인스턴스를 선택 후 연결합니다.  이렇게 변경 값을 저장 후 인스턴스 Dashboard로 돌아가면 할당된 IP로 변경된 것을 볼 수 있습니다.

먼저 접속 시 IP 가 어떤 것인지 확인합니다. 그리고 인스턴스 상태가 실행중인지 확인합니다. 만약 상태가 실행 중이 아니라면 오른쪽에 인스턴스 상태를 클릭 후 상태 변경이 가능합니다. 중지 또는 실행을 선택 가능합니다.  그 중 가장 중요한 것은 마지막에 있는 것은 지우는 것이기에 조심할 필요가 있습니다. 그리고 앞에서 옵션을 선택한 보안을 확인 하고 잘 마무리 되었는지도 확인해 봅니다.  그리고 모니터링을 보면서 현재 내가 빌린 컴퓨터가 잘 동작되는지 볼 수 있습니다. 이제 내가 빌린 EC2 에 접속하려면 아래와 같은 연결 버튼을 누릅니다.  그리고 기본 설정 값으로 들어갑니다.  아래와 같이 검은 화면이 나오게 되면 원격 연결이 잘 된 것입니다.

데이터 베이스를 사용할 때, 주로 사용하면 규칙들이 있습니다. 1. 테이블 명과 컬럼 명을 소문자로 작성합니다.2. 스네이크 케이스를 사용합니다.3. 축약어를 사용하지 않습니다. 즉, 가독성이 가장 중요합니다.4. SQL 문 작성할 때, 예약어만 대문자로 표현합니다.5. 선택사항이지만, 테이블 명을 지을 때 복수형으로 사용을 권장합니다. 우선 테이블 명과 컬럼 명을 소문자로 작성하고 SQL 문에서 예약어만 대문자로 표현한다는 것은 아래와 같습니다.   SELECT 문은 예약어이고 명령어라고 하기도 하지만 결국 대문자로 입력합니다. 소문자를 사용해도 실행은 되지만 규칙을 만들어서 가독성을 높여줍니다. 스네이크 케이스를 사용한다는 것은 아래와 같이 언더 스코어를 사용합니다.  여기에 축약어를 사용한다면 글자..

DB 모델링에서 나오는 용어와 개념을 이해하기 위해서 정리해봅니다. 먼저 DB 모델링이라고 하면 무엇일까? 우리가 사용하는 모든 데이터는 저장되고 불러와서 수정 또는 삭제까지 이루어 집니다. 이러한 데이터가 가지는 모든 행위를 설계하는 것을 DB 모델링이라고 이해했습니다. 특히, 건물을 짓거나 인테리어를 하더라도 우리는 먼저 설계를 하고 도면을 보고 이야기 합니다. 그림도 뼈대를 그리고 덧칠하면서 나가겠죠. 데이터도 마찬가지로 우리가 원하는 데이터가 어디에 저장되는지 알아야 합니다. 이렇게 데이터도 설계 도면이 필요한데 이러한 것을 DB 설계라고 불리는 게 아닐까 싶습니다. 나무위키 모델링 의미 모델링모델링(Modeling, Modelling)의 용례에 대한 문서이다. 학술적 의미 구조법이라고 불리기도 ..

AWS 에서 리전 선택을 마무리 했다면, 인스턴스를 생성해야 합니다. Launch Instance 버튼을 클릭하면 됩니다. 이름 및 태그 컴퓨터에 이름을 부여할 수 있듯이  EC2 에도 이름을 부여할 수 있습니다.  그리고 컴퓨터를 사용하기 위해서는 OS 가 필요합니다. 보통 일반 컴퓨터에는 Windows OS 가 설치 될 것이고 맥 컴퓨터라면 Mac OS 가 설치 될 것입니다. 만약 서버로 사용해야하는 컴퓨터가 있다면, Windows Server OS 또는 Ubuntu 등 여러가지 OS 들 중 하나를 선택할 수 있습니다.  알아야 할 용어! 인스턴스  EC2는 컴퓨터를 빌린 한 대의 단위를 의미하고 Intance Type 은 컴퓨터에 들어간 사양을 의미합니다. 램, CPU 등 컴퓨터 운영에 필수로 들어..

AWS를 로그인 후 검색에 EC2라고 검색하면 아래와 같은 화면이 나옵니다.  EC2로 들어간 화면에는 Dashboard 화면이 가장 먼저 반겨줍니다.  그리고 여기서 가장 먼저 확인 및 변경해야하는 사항이 바로 Region 입니다. 지역이라고 해석할 수 있는데 이것은 내가 AWS 의 어떤 지역에 있는 컴퓨터를 빌려서 사용하겠다는 뜻과 같습니다. Region 이라고 말하는 의미는 인프라를 지리적으로 나누어 배포한 각각의 데이터 센터라고 합니다. 결국 지리적으로 특정 나라에 또는 나라가 클 경우 그 나라안에서 특정 지역에 데이터 센터가 있다고 볼 수 있습니다. 그래서 내가 앱이나 웹을 배포하여 사용할 유저가 어디에 있는지를 확인해야 합니다. 거리가 멀다면 통신이 느려질 것이고 서비스가 느려질 것이라고 생각..

배포란? 웹개발 또는 앱 프로그램 만드는 것을 끝냈을 때, Deployment 라는 단어를 본 적이 있을 것입니다. Deployment 는 배포라는 의미를 가지고 있지만 내가 이해한 것은- 유저가 접속할 수 있도록 앱 또는 웹에 접근할 수 있도록 환경을 만들어 주는 것이라고 생각된다. 어디에 배포를?그러면 배포는 어디에 할 것인가라고 의문이 드는에 유저가 접근하기 위해서는 인터넷을 통해서 접근 가능할 것입니다. 인터넷에 배포는 방법 중에는 여러가지가 있는데 그 중 하나인 AWS 에 올릴 경우- 고유한 IP를 가지게 되고 고유한 IP는 기억하기 어려우니 도메인을 구매하여 도메인 이름으로 검색하여 접근합니다. 그럼 AWS 에서 어떤 작업을 해야 할까요??

개발하다가 정리할 시간이 필요하여 글을 적어봅니다. 내 혼자 볼려고 하는 글이지만, 공개로 해 놓고 언제든지 수정하여 업데이트 할 거에요. //개발해야 할 디자인을 보고 직관적으로 필요한 상태 유무를 유추 간단히 예를 들자면... 체크박스를 생각해봅시다! 체크박스가 있는 상태! 또는 체크박스가 없는 상태! 바로 useState 가 필요하고 들어갈 값은 boolean 이 되겠죠! 또한 버튼을 눌러 수정 및 완료를 하기 위해서도 상태가 필요합니다. 거기에 버튼의 이미지도 달라져야 하기에 그 상태에 맞는 상태가 필요하죠. 이러한 것을 집중(?)해서 연습하다보면, 직관적으로 이런 코드들이 나오지 않을까(?) 하는 그런 맥락적인 부분이 필요하지 않나.. 생각합니다.

1. 데이터 모델링의 정의 탄생배경은? 프로세스 중심의 정보시스템 분석이나 설계 기법에 문제점이 있다고 생각하여 정보를 중복없이 정확하게 유지 관리가 필요함 또한, 설계나 개발의 문제보단 정확한 업무의 파악과 정확한 분석이 선결되어야 한다고 생각함 따라서, 이러한 환경에 잘 표현할 수 있는 관계형 데이터베이스나 개체 관계 모델링 기법을 발전 시켜 옵니다. 그럼 모델이란? 어떤 대상을 의미하는 포괄적인 의미를 가지는 것으로 실험용이나 축소 모형등의 물리적인 모델과 원형은 그대로인데 조작, 수정, 변경을 통한 경제 모형과 같은 개념적 모델이 있다. 데이터에서 말하는 모델링 정의는? 복작한 현실 세계를 단순화 시키며 현실 세계를 추상화된 반영시킨 것으로 현재 업무를 파악하여 문제점 인식과 개선 사항을 도출하여..

전사아키텍처를 정의하고자 할 때 크게 아래와 같이 분류해보았습니다. 왜 도입을까? (도입배경) 그래서 전사아키텍처의 정의란? 전사아키텍처에서 전사와 아키텍처의 개념 추진 현황 또는 방향 도입배경 - 비지니스 복잡도가 증대하고, 업무와 IT 기능분리가 힘듦. - 기업의 환경 변화는 시스템의 변화와 비슷하며, 이러한 기업의 전체 시스템을 쉽게 파악할 수 있도록 필요한 형태로 변화시키기 위해 도입 전사아키텍처의 정의 기업의 목표와 요구를 지원하기 위해 IT 인프라를 체계적으로 기술한 것 비지니스, 데이터, 애플리케이션, 기술과 같이 이해하기 쉽도록 체계적으로 구축하고 활용 IT 투자대비 효과를 최대화 비지니스와 IT를 유기적 연결 비지니스 환경에 신속 대응 및 IT 자체 효율성 증가 우리나라는 업무, 응용, ..

React-DOM 공식문서 React를 사용하면 React-Dom을 볼 수 있는데 아래의 공식사이트에서 자세한 것을 알 수 있습니다. React-Dom 공식사이트 설명 ReactDOM – React A JavaScript library for building user interfaces ko.reactjs.org 내가 이해한 React-DOM은? 리엑트는 순수 자바스크립트로 컴포넌트를 만들어 브라우저를 구성합니다. 그런데 브라우저는 CSS, HTML 그리고 순수 자바스크립트를 이용할 수 있습니다. 즉, 위의 3 가지만 브라우저는 이해합니다. 그런데 리엑트를 보면 순수 자바스크립트와 다른 문법을 볼 수 있습니다. 이러한 다른 부분은 Babel 을 통해 순수 자바스크립트로 변환되어야 합니다. 그래야 브라우저..

React에서 Font Awesome 을 사용할 경우 이 블로그를 봐주세요! 공식문서 Font Awesome The world’s most popular and easiest to use icon set just got an upgrade. More icons. More styles. More Options. fontawesome.com FontAwesome 설치 npm 또는 yarn 을 이용하여 아래와 같은 명령어로 설치 가능합니다. // npm 일 경우 npm i --save @fortawesome/fontawesome-svg-core npm install --save @fortawesome/free-solid-svg-icons npm install --save @fortawesome/react-fo..

git의 상태를 확인하는 명령어가 있습니다. git 상태 확인하기 git status 파일이 있다면 현재 파일이 git에 추가되어 있는지도 확인 가능합니다. On branch master No commits yet Untracked files: (use "git add ..." to include in what will be committed) ginsung.txt hanna.txt kosu.txt sujeong.txt nothing added to commit but untracked files present (use "git add" to track) 반복적으로 쓰이는 명령어 단축하여 사용하기 기본 구조는 아래와 같습니다. git config --global alias.단축명령어 status 단축명령..

오늘의 목표 깃 초기화 방법 깃 삭제 방법 깃 초기화 방법 아래와 같은 명령어를 입력합니다. git init 확인 방법은 아래와 같은 명령어를 입력하면 .git 파일을 확인 할 수 있습니다. ls -al 또는 l 일반적으로 파일을 확인하는 방법은 ls 명령어를 사용하지만 .git 파일은 숨겨져 있어서 위와 같은 명령어를 입력합니다. 깃 삭제 방법 삭제를 위한 명령어는 아래와 같습니다. rm -rf .git

Cmder 설치하기 git 사용자 설정하기 사용자 정보 설정 개행문자 (줄바꿈) 설정 cmder 설치 맥에서 사용하던 명령어를 윈도우에서 사용하고 싶지 않았나요 ?? 물론 Bash 를 설치해서 사용 가능합니다. 하지만 아래의 링크에서 cmder 를 다운받아 설치하면 맥에서 사용하던 명령어를 함께 사용 가능합니다. cmder 다운로드 링크 Cmder | Console Emulator Total portability Carry it with you on a USB stick or in the Cloud, so your settings, aliases and history can go anywhere you go. You will not see that ugly Windows prompt ever again...

NumPy 를 파이썬을 이용하여 공부한다면 아래의 링크에서 공부 가능합니다. NumPy quickstart NumPy quickstart — NumPy v1.22.dev0 Manual NumPy provides familiar mathematical functions such as sin, cos, and exp. In NumPy, these are called “universal functions” (ufunc). Within NumPy, these functions operate elementwise on an array, producing an array as output. See also all, any, apply_al numpy.org 그리고 데이터 사이언스 스쿨의 넘파이 배열 프로그래밍에 설..

SELECT 문을 이용한 데이터 읽기 SELECT 를 사용한 문법으로 아래의 명령어를 사용합니다. SELECT [필드목록] FROM [테이블] 필드 목록에 * 을 사용하여 전체를 가져올 수 있지만, 내가 원하는 목록만 가져와서 볼 수 있습니다. SELECT name from myclass; +------+ | name | +------+ | Hong | +------+ 1 row in set (0.001 sec) SELECT 문을 이용한 WHERE 조건문 특정한 조건을 이용하여 원하는 데이터를 읽어올 수 있습니다. 예를들어 Grade1 인 학생만 읽어 온다면 아래와 같이 가능합니다. SELECT * FROM myclass -> where className = 'Grade1'; +-----------+--..

데이터 입력 데이터를 입력하기 위해 아래의 명령어를 사용합니다. INSERT INTO [테이블이름] VALUES ([테이블에 맞는 조건 입력]); 테이블 이름은 myclass이고 테이블에 맞는 조건 입력은 studentID (숫자), name(문자열), className(문자열) 이 됩니다. INSERT INTO myclass VALUES (1, 'Song', 'Grade1'); Query OK, 1 row affected (0.003 sec) INSERT INTO myclass VALUES (2, 'Hong', 'Grade2'); Query OK, 1 row affected (0.003 sec) 입력된 데이터 읽기 데이터는 넣었고 이젠 읽어와 봐야 합니다. 데이터를 읽는 명령어는 SELECT 입니다. ..

DB 선택하기 생성된 DB 중에 사용할 DB를 선택합니다. 선택할 명령어는 아래와 같이 입력합니다. use [데이터베이스 이름]; 여러 테이터 베이스들 중 use 사용하여 선택해봅니다. MariaDB [(none)]> show databases; +--------------------+ | Database | +--------------------+ | information_schema | | mysql | | performance_schema | | study | | study1 | | sys | +--------------------+ 6 rows in set (0.001 sec) MariaDB [(none)]> use study; Database changed 테이블 생성하기 테이블을 생성하기 전 ..

생성하기 현재 콘솔에 아래와 같은 상태로 접속된 상태라고 가정합니다. Server version: 10.6.2-MariaDB mariadb.org binary distribution Copyright (c) 2000, 2018, Oracle, MariaDB Corporation Ab and others. Type 'help;' or '\h' for help. Type '\c' to clear the current input statement. MariaDB [(none)]> 그리고 DB 를 생성하기 전 DB 리스트를 볼 수 있습니다. show databases; 그럼 만들어진 DB 목록들을 볼 수 있습니다. +--------------------+ | Database | +-----------------..

제목과 같습니다. 웹에서 스크롤을 내렸을 때, 네비게이션 바가 고정되어 같이 내려온 것을 본 적 있으신가요? 그 부분을 공유해보도록 하겠습니다. 설명 1. 글로벌 네비게이션은 스크롤을 이용해 내리면 사라짐 2. 로컬 네비게이션은 스코롤을 내리면 고정되어 보여줌 3. 다시 스크롤을 올려 높였을 때, 두 개의 네비게이션 보여줌 준비 3개의 파일만 준비하면 됩니다. HTML 부분 글로벌 네비게이션을 아래와 같이 적용해봅니다. 명령어를 아래와 같이 입력해 봅니다. .container nav.global-nav .global-nav-links .global-nav-items*4 결과는 아래와 같이 나옵니다. item1 item2 item3 item4 flex를 이용하여 스타일을 적용합니다. .container {..

함수에 매개변수로 숫자도 들어오지만 배열 형태로도 들어 올 수 있습니다. 뿐만 아니라, 함수 형태로도 받을 수 있습니다. 여기에서는 배열을 전개하여 함수의 매개변수로 전달해주는 전개 연산자에서 알아보겠습니다. 전개 연산자 간단한 예제로 차이점을 확인하겠습니다. 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 를 프로그래밍에서는 매개변수라고 부릅니다. 그리고 최종적으로 나오는 출력 값을 리턴 값이라고 부릅..