개발 (14) 썸네일형 리스트형 [Vue.js] vuex 상태관리 사용법 Vuex? 컴포넌트의 depth가 깊어질수록 컴포넌트끼리 데이터를 전달하는게 쉽지않음. 따라서 하나의 저장소(store)에서 손쉽게 관리할 수 있도록 나온 vuejs 라이브러리다. 사용법 vuex 설치 npm install vuex --save src/api/index.js import axios from 'axios'; const config = { baseUrl: 'https://my-backand-server.com/api' } function fetchArticle() { return axios.get(`${config.baseUrl}/article`); } function fetchReply() { return axios.get(`${config.baseUrl}/reply`); } export .. [웹기초] 프록시를 알아보자 프록시의 개념 - 클라이언트와 서버 사이에 위치하여 그들 사이의 HTTP 메시지를 정리하는 중개인. - 클라이언트 입장에서 프록시는 서버고 서버입장에서 프록시는 클라이언트(직접 구현한다면 두 기능 모두 구현해야함) 게이트웨이와 프록시의 차이 - 프록시는 같은 프로토콜끼리의 통신을 중개하지만 게이트웨이는 다른 프로토콜 사이의 통신을 중개하는 프로토콜 변환기 처럼 동작. 게이트웨이 예시) 메일 이트웨이 : 브라우저(HTTP)에서 이메일 서버(POP)에게 요청을 보낸다. 프록시를 설치하면 어떤 이점이 있을까? - 보안성을 높임. - 공통 필터 적용 : ex : 성인 콘텐츠 차단 - 접근 제어 관리 : 각기 다른 조직에서 관리되는 수많은 종류의 웹서버들에 대한 접근을 커스터마이징 할 수 있다 - 웹캐시 : 자주.. [웹기초] HTTP 메시지 정의, 흐름, 구성 정의 HTTP 어플리케이션 간에 주고받는 데이터 블록. 흐름 사용자 에이전트가 서버에 데이터 요청시. 인바운드 아웃바운드의 in, out은 "서버" 기준임. 클라이언트 -> 서버 요청(인바운드) 서버 -> 클라이언트 응답(아웃바운드) 구성 시작줄 / 헤더 / 본문 이렇게 세부분으로 나뉨. 1) 시작줄 : 어떤 메시지인지에 대해 text로 서술되어있음. - 요청 : 요청에서 시작줄은 무엇을 해야하는지와 어떤 HTTP 버전으로 말하고 있는지를 알려준다. 무엇을 해야하는지는 메서드로 말을 하는데 각 메서드 마다 무엇을 하는지는 아래와같이 정해져있다. 메서드 설명 메시지 본문이 있는가? GET 서버에서 어떤 리소스를 가져온다. x HEAD 서버에서 어떤 리소스에 대해 헤더만 가져온다. x POST 서버가 처리해.. VMWare 및 Centos8 ISO 다운로드 VMware Workstation Pro 15.5.0 (Windows용) 다운로드 download3.vmware.com/software/wkst/file/VMware-workstation-full-15.5.0-14665864.exe - pro버전 설치시 1달 무료이고 이후엔 유료. - VMware Workstation 15 Player도 같이 설치되는데 실질적으로 거의 이걸쓰고 pro는 유료기능 상세설정같은거 할때만 잠깐잠깐 필요함. - 가상 PC생성 - VMware Workstation 15 Palyer 실행 - Home 아이콘 우클릭 후 Create a New VM... 선택 - 설치 OS에 centos가 없으면 readhat8 버전으로 선택, 이후 next만 눌러서 기본값으로 생성. centos8 .. git 수정후 되돌리기 (commit전, commit 후, push 후) 수정한 것 되돌리기 git add 명령을 하기 전(수정 후 스테이지에 올리지 않은 경우) 내 Repository 내 모든 수정 되돌리기 $ git checkout . 특정 폴더 아래의 모든 수정 되돌리기 $ git checkout 디렉토리 이름 특정 파일의 수정 되돌리기 $ git checkout 파일 이름 git add 명령으로 스테이지에 올린 경우 $git reset git commit을 한 경우 commit 내용을 없애고 이전 상태로 원상복귀 // master 브랜치의 마지막 커밋을 가리키던 HEAD를 그 이전으로 이동시켜서 commit 내용을 없앰 $ git reset --hard HEAD^ commit은 취소하고 commit 했던 내용은 남기고 unstaged 상태로 만들기 $ git reset.. Docker를 사용하기 위해 알아야하는 인프라와 네트워크에 관한 기초 지식 인프라의 구성 요소*기능 요건 : 필요한 시스템의 기능을 정의 한것을 말한다. *비기능 요건 : 시스템의 성능과 신뢰성, 확장성, 운영성, 보안등과 관련된 요건으로 기능 요건 이외의 요건을 말한다. *하드웨어 : 인프라를 구성하는 물리적 요소. *네트워크 및 네트워크 장비 : 시스템 사용자가 원격지에서 서버로 접근 할 수 있도록 연결하는 요소이다. *OS(Operation System) : 하드웨어와 네트워크 기기를 제어하기 위한 기본 소프트웨어이다. *미들웨어 : 미들웨어는 OS와 업무 처리를 수행하는 어플리케이션 사이에 있는 소프트웨어를 의미한다. 인프라의 종류*온프레미스(on-premises) : 시스템 구축에서 부터 운영까지 자사에 데이터 센터(하드웨어 장비를 모아놓은 곳)를 두고 수행하는 형태를.. 웹서버를 운영하기 위한 기초 네트워크 용어 정리 *Public IP Address 외부 네트워크에서 식별할 수 있는 우리집 대표 IP 주소. *Private IP Address 우리집 네트워크 안에서만 식별 가능한 IP 주소. *공유기(Router) 인터넷 회선을 하나 구입하게 되면 우리는 보통 공유기를 구매한다. 공유기는 하나의 인터넷 회선을 이용하여 여러대의 PC나 스마트폰이 인터넷을 함께 사용할 수 있도록 해주는 장비이다(돈 절약 개이득) 외부에서 오는 통신 신호들은 모두 공유기를 거쳐서 특정 PC에게 전달이 되기 때문에 Gateway 라고도 한다. *포트 Port는 항구라는 의미이다. 항구에는 배들이 질서정연하게 정박할 수 있는 여러 공간들이 있다. 이와 비슷한 맥락으로 하나의 서버에선 여러개의 외부에서 접속할 수 있는 공간(포트)를 가지고 있.. Docker 기본 명령어 *도커 버전 보기docker version -> 클라이언트와 서버 버전 2개가 뜬다. HOST 가 Window이고 Docker는 리눅스 기반에서 돌아가기 때문에 Window에서는 내부적으로 Virtual Box에 아주 작은 규모의 리눅스 이미지를 띄워 Docker Container와 통신한다. *정보 보기docker info *도커 이미지 리스트docker images *도커 컨테이너(프로세스) 목록docker ps [-a] (이전에 실행했었던 모든 컨테이너까지 표시) *도커 머신 목록docker-machine ls *도커 컨테이너/이미지 삭제docker rm [컨테이너 태그 또는 ID]docker rmi [이미지 태그 또는 ID] *도커 컨테이너 실행docker run --name [태그] [실행할 이.. 이전 1 2 다음
