글을 잠깐 혼자 써봤던 진성 프로그래머 글을 잠깐 혼자 써봤던 진성 프로그래머

.index-selected-image{ content:url("/upload/bx-check-selected.svg"); } 도움 되셨다면 하단의 광고 버튼 한번 클릭 바랍니다 :)

일바적으로 javascript에서 array에 remove를하면 value값을 지울수 있다. 하지만 remove로 지우게 되면 array전체 length에 대한 값은 변하지 않는다. 하여 다음과 같은 방법으로 진행하면된다. const idx = array.indexOf(e) // e는 value 값 if (idx > -1) array.splice(idx, 1) 도움 되셨다면 하단의 광고 클릭 부탁드립니다:)

기본환경 세팅! 윈도우 도커를 사용했으며 터미널에도 미리 도커가 설치된 상태이다. 도커는 리눅스 기반이기 때문에 윈도우에서 도커를 사용하게 되면 결국은 VM을 사용해서 도커를 돌리는 셈이라지만 그래도 로컬에서 충분히 지지고 볶아가며 연습을 해야하기 때문에 상관하지 않기로 했다. 윈도우 도커를 설치하고 터미널에도 미리 도커가 설치된 상태이다. (터미널을 통한 도커설치는 이전 포스트를 참고!) 이제 frontend 폴더로 이동했다. 폴더의 구조는 다음과 같다. ─frontend ├─node_modules ├─public └─src ├─api ├─assets │ ├─css │ └─img ├─components ├─plugins ├─views └─vuex Vue를 구동하기 위해서는 node 의 환경이 필요하다...

Dockerfile안에 작성된 명령어 FROM alpine:latest FROM 명령어로 베이스 이미지를 지정한다. 베이스 이미지란 이미지를 만들 때 바탕이 되는 이미지를 의미한다. 이미지가 로컬에 없으면 도커 허브에서 다운로드한다. alpine은 5MB 남짓한 리눅스의 기본적 커멘드만 설치되어있는 경량 리눅스 이미지이다. RUN apk update && apk figlet RUN은 컨테이너에서 실행할 명령어를 지정한다. 명령어의 뜻은 alpine의 패키지 매니저를 업데이트하고 figlet이란 커맨트를 설치한 것이다 figlet은 아스키 아트를 출력하는 커멘드다. ADD ./message /message ADD로 컨테이너에 배치할 파일이나 디렉터리를 지정한다. 현재 디렉터리에 있는 message라는 파일..

1. 시스템 상의 모든 Docker 컨테이너 삭제하기 docker rm -f $(docker ps -aq) 2. 시스템 상의 모든 Docker 이미지 삭제하기 docker rmi $(docker images -q) 3. Dockerfile로 이미지 파일 만들기 docker build -t [도커 이미지명] [경로] docker build -t test . 설명 -> 도커 이미지명을 test로 지정한다. 명령어 test 뒤에 .은 현재 폴더를 위치한다. 4. Docker Image 실행하기 docker run -d -p 80:8080 -v "$(pwd)":/app test 설명 [ -d -> 백그라운드 실행, -p(포트지정 ) -> 80(서버 컴퓨터 포트) : 8080(컨테이너 포트), -v -> 경로 마..

sudo apt update sudo apt install apt-transport-https ca-certificates curl software-properties-common curl -fsSL https://download.docker.com/linux/ubuntu/gpg | sudo apt-key add - sudo add-apt-repository "deb [arch=amd64] https://download.docker.com/linux/ubuntu bionic stable" sudo apt update apt-cache policy docker-ce sudo apt install docker-ce sudo service docker status // 도커 실행중인지 확인 도움 되셨다면 하단..

Docker Image(이미지) 도커에서 서비스 운영에 필요한 서버 프로그램, 소스코드 및 라이브러리, 컴파일된 실행 파일을 묶는 형태를 Docker Image라 한다. 다시 말해, 특정 프로세스를 실행하기 위한(즉, 컨테이너 생성(실행)에 필요한) 모든 파일과 설정값(환경)을 지닌 것으로, 더 이상의 의존성 파일을 컴파일하거나 이것저것 실치 할 필요 없는 상태의 파일을 의미한다. 예를 들어 Ubuntu이미지는 Ubuntu를 실행하기 위한 모-든 파일을 가지고 있으며, Oracle이미지는 Oracle을 실행하는데 필요한 파일과 실행명령어, port정보 등을 모-두 가지고 있다. 1) 따라서 도커 이미지의 용량은 보통 수백MB ~ 수GB가 넘는다. 하지만 가상머신의 이미지에 비하면 굉장히 적은 용량이다. ..

쿠키와 로컬 스토리지로 반복적인 리퀘스트를 막은 이유는 쿠기는 최대 4kb만 저장이 가능합니다. 게시판이나 여러 이미지 같은 경우 url 등의 값들이 string으로 많이 길어지기 때문에 4kb만으로는 저장이 안되는 경우가 많이 있었습니다. 하여 브라우저 마다 최대 용량이 다르지만 최대 5M까지 저장이 가능한 localstorage을 사용하여 반복적인 request를 막는 기능을 구현해보았습니다. 쿠키의 Expires기능을 이용해서 쿠키가 없어 졌을때만 서버로 부터 데이터를 가지고 오게 하는 것입니다. 참고 코드는 다음과 같습니다. 참고하시길 바랍니다. async created(){ if(!self.$cookies.isKey('notice_info')){ // 쿠키에 공지사항 정보가 없으면 서버에서 받아..