1년차 블로그

용어뜻컨테이너앱이 구동되는 환경까지 감싸서 실행할 수 있도록 하는 격리 기술컨테이너 런타임컨테이너를 다루는 도구도커컨테이너를 다루는 도구 중 가장 유명한 것쿠버네티스컨테이너 런타임을 통해 컨테이너를 오케스트레이션 하는 도구오케스트레이션여러 서버에 걸친 컨테이너 및 사용하는 환경 설정을 관리하는 행위컨테이너란 쉽게, 구동하려는 애플리케이션을 실행할 수 있는 환경까지 감싸서, 어디서든 쉽게 실행할 수 있도록 해주는 기술이다.만약에, 내가 만든 프로그램을 다른 사람에게 보내고 싶은데, 내 컴퓨터는 파이썬 3.8버전이지만, 상대방은 파이썬 3.9버전이라고 합시다.그냥 프로그램만 보내면 오류가 날 수도 있지만, 컨테이너는 이러한 환경 및 설정을 모두 포함하여 보내고 상대방이 내려받아 구동하기 때문에 어디서든 실행..

도커 이미지 (Docker Image) 도커 컨테이너를 실행하는데 필요한 설정을 포함하는 독립적인 실행 가능한 패키지.도커 레지스트리(도커 허브)에서 가져올 수 있고, 도커 파일을 사용하여 빌드할 수도 있다.도커 컨테이너(Docker Container) 도커 이미지의 인스턴스이다. 즉, 우리가 구동하려는 애플리케이션을 실행할 수 있는환경까지 감싸서, 어디서든 쉽게 실행할 수 있도록 해주는 기술.예를 들어, 컴퓨터에 프로그램을 설치할 때 필요한 옵션을 일일이 맞출 필요 없이 환경까지 모두 포함하여 독립적으로 프로그램을 실행할 수 있또록 도와주는 기술. 컨테이서 환경을 묶어서 컨테이너 이미지라는 프로그램을 내려받아 구동하면 실행되기 때문에, 각종 설정이 줄어 들어서 좀 더 편하게 사용할 수 있다...

도커(Docker)란 컨테이너 기반의 오픈소스 가상화 플랫폼어떠한 프로그램을 외부 환경과 격리시켜 구동할 수 있게 해주는 소프트웨어이다.설명 -> 내가 윈도우에서 a라는 프로그램을 만들어서 다른 사람들도 써보라고 넘겨주고싶다.그래서 A라는 사람은 이 a라는 프로그램을 받아서 본인의 컴퓨터에서 실행을 시켜보았지만 오류가 발생하였다.여기서 오류가 나는 이유는 수도 없이 많이 있다.설정이 맞지 않아서 (node버전, OS, 다른 라이브러리 설정 etc...) ==> 내 컴퓨터에서는 되는데~~~....가 되어버림. 이러한 오류가 발생하지 않기 위해서 Docker라는 것을 사용한다.그럼 우선 Docker가 컨테이너 기반이라고 했으니 컨테이너가 무엇인지 부터 학습해야 한다.

리눅스에서 mkdir로 디렉토리를 만들수 있다.하지만 일반 디렉토리는 현재 디스크 공간을 나눠쓰는것이고,마운트 디렉토리는 아예 다른 디스크를 연결하는 것이다.-> 윈도우로 치면 C드라이브 D드라이브 E드라이브 같은 폴더.정리하면, SSD, HDD같은 디스크를 추가하고 fdisk 명령어를 통해서 파티션을 나눈다.그리고 나눈 파티션을 원하는 위치에 마운트해서 활용한다.밑에 사진은 한 서버에서 df -h를 해서 가져온 모습이다. 오른쪽에 Mounted on 이라는 것을 보면, 어디 파티션에 마운트 돼있는지 확인 할 수 있다. *** 리눅스에서 디스크를 추가하면 자동으로 해주는 윈도우와는 다르게 파티션을 나누고 mount를 해주어야 한다. ***] fdisk -l 파티션 정보 출력 lsblk fdisk -l..

React 내용은 아니긴한데 그냥 html 카테고리가 없어서 여기다가 적어볼라고 합니다.보통 이미지에다가 설명을 붙혀주기 위해서 툴팁을 적잖아요?  이 태그에 적게 될게 될텐데 거기에 title만 붙히면 툴팁이 나옵니다. Community는 import 한걸 넣었고 title을 저런식으로 작성하면 요런식으로 나옵니당캡쳐모드라서 커서가 안나오긴했는데, 현재 마우스는 3번째 이미지에 올라간 상태입니다tooltip 꾸미는건 다른 블로그 보시거나 나중에 다시 쓰겠습니다.이 글은 간단한 tooltip 만들기니까요

useState와 비슷하게 생긴 useEffect는 화면에 Component가 렌더링 될 때마다 특정 코드를 실행하게 하는 React Hook이다. 그러므로 화면에 무조건 바로 보여줘야 되는 코드보다는 조금 늦어도 되는(?) 코드에 주로 사용한다.ㅁuseEffect는 component가 mount(화면에 나올때), unmount(화면에서 사라질때), update(수정됐을때)특정 작업을 처리할 수 있다.1. ComponentDidMount : 컴포넌트를 만들고, 첫 렌더링을 다 마친 후 실행2. ComponentDidUpdate : 리렌더링을 완료 후. 즉 render()가 업데이트 될 때마다 실행3. ComponentWillUnMount : 컴포넌트를 DOM에서 제거할때 실행useEffect( funct..

React나 Vue 등등을 사용할때는 Router가 필연적으로 사용된다.Router란 SPA에서 페이지 간 이동을 가능하게 해주는 라이브러리 이다.https://east-hyun.tistory.com/37 (SPA가 뭔지 보려면) Single Page Application" data-og-description="원래 html만을 사용해서 웹 페이지를 만든다면 가정 합시다.시작은 index.html에서 만약 a href를 사용한 링크를 누른다면 다른 페이지로 이동할겁니다.이러한 페이지들은 어쩌구.html , 저쩌구.html 등" data-og-host="east-hyun.tistory.com" data-og-source-url="https://east-hyun.tistory.com/37" data-og-u..

원래 html만을 사용해서 웹 페이지를 만든다면 가정 합시다.시작은 index.html에서 만약 a href를 사용한 링크를 누른다면 다른 페이지로 이동할겁니다.이러한 페이지들은 어쩌구.html , 저쩌구.html 등등으로 웹페이지를 갈아엎고 어쩌구 or 저쩌구 .html로 바뀌도록 해왔습니다.하지만 React 혹은 Vue를 사용한다면 이렇게 진행 되지 않는다.Why -> React와 Vue는 SPA ( Single Page Application )로 만들어지기 떄문이다. Single Page Application이란 index.html이라는 화면을 사용자에게 보여주고다른 페이지로 이동할때, 페이지 전체가 바뀌는것이 아닌 일부분만 바뀌는 것을 뜻한다.쉽게 말해, 단일 페이지로 구현한 사이트를 말하는데만약..

js 파일안에 function App안에 작업을 해서 html을 만든다. ( JSX )우리는 예시로 Modal이라는 컴포넌트를 만들어서 App안에 넣을수 있다.그런데 우리는 컴포넌트를 만들때 하나의 내용만을 위해서 만들지 않는다. (하나만 할거면 하드코딩하지?)보통 컴포넌트는 3가지 상황에서 많이 사용된다.1. 반복적인 html을 축약하고 싶을때2.페이지를 전환할때 큰 페이지를 컴포넌트로 사용하면 유용3.자주 변경되는것들을 컴포넌트화 하면 편함그래서 App function에서 만든 State를 Modal function에 사용한다면 좋겠지만 바로 사용할수 없다.왜냐하면 당연하게도 Function App에서 만든 변수나 State는 바깥에서 사용할 수 없기 때문이다.Props 등장여기서 props가 필요하..

Text Vectorization이란?텍스트 데이터를 수치 벡터 (numerical vector) 형태로 변환하는 과정입니다.자연어 처리에서 중요한 단계로써, 컴퓨터가 텍스트 데이터를 이해하고 처리할 수 있도록 도와줍니다.(컴퓨터가 이해할수 있게 숫자 형식으로 변환!)1. Integer Encoding사람의 언어인 텍스트를 컴퓨터한테 인식 시켜주기 위해 컴퓨터가 이해할수 있는 단어 사전(vocabulary)을 먼저 만들어 준다.단어 집합(단어사전) 은 집합이기 떄문에 중복을 허용하지 않는다. 물론 순서도 없다.정수 인코딩은 단어 집합에 있는 단어들에게 정수를 부여하여 컴퓨터에게 알려주는 방법입니다. 2.  BOW ( Bag Of Words )쉽게 가방 속의 단어들 이라는 뜻인데즉, 단어들을 가방에 하나씩..