본문 바로가기

분류 전체보기100

centOS 인터넷 연결 (virtual box) virtualBox에 centos 환경 설치 암호, 계정 설정 root 계정 전환 : su Enter 비밀번호 입력 인터넷 연결 확인 : ping 8.8.8.8 입력 사용가능한 네트워크 확인 : ip addr ( enp0s3 확인 ) 네트워크 연결 : ifup enp0s3 네트워크 연결 끊기 : ifdown enp0s3 2020. 3. 16.
Vuex : vue 상태 관리 패턴 컴포넌트들에 공유된 상태를 추출하고 이를 전역 싱글톤으로 관리해야 한다. 모든 컴포넌트는 트리에 상관없이 상태에 액세스하거나 동작을 트리거 할 수 있다. 싱글톤 : 특정 클래스에서 인스턴스가 만들어지고, 어디서든지 그 하나의 인스턴스에 접근할 수 있도록 하기 위한 패턴 또한 상태 관리 및 특정 규칙 적용과 관련된 개념을 정의하고 분리함으로써 코드의 구조와 유지 관리 기능을 향상시킨다. Vuex를 다루는 디렉토리 store store는 반응형이다. Vue 컴포넌트는 상태(state)를 검색할 때 store의 상태가 변경되면 효율적으로 대응하고 업데이트 한다. 저장소의 상태를 직접 변경할 수 없다. 저장소의 상태(state)를 변경하는 유일한 방법은 명시적인 커밋을 이용한 변이(mutations)이다. 이렇.. 2020. 3. 15.
프로젝트에 처음 git 적용할 때 프로젝트 별 git init을 하면 해당 프로젝트의 git 관련 파일이 생성된다. git init github에서 쓰는 자신의 계정 등록 git config --global user.name (유저 네임) git config --global user.email (유저 이메일) 전역으로 등록된다. (git config --local 은 로컬 등록이 됨) git remote add (단축이름) (repo url) : remote repository가 추가된다. git remote update : 연결된 원격저장소의 브랜치에 접근하기 위해 로컬에 갱신을 해줘야 함. git fetch (단축이름) : remote repository의 최신 branch로 업데이트. git pull (단축이름) (브랜치) : re.. 2020. 3. 14.
CSS - hover box 요소 만들기 parent element에 position : relative 를 주고 child element에 position : absolute와 display : none을 준다. 혹은, // html mouse over child1 child2 //js const parent = document.getElementById("parent") const child = document.getElementById('child') function onMouseOver(){ // 마우스가 over 했을 때 hover 생성 child.style.display = 'block' } function onMouseLeave(){ // 마우스가 떠났을 때 hover 제거 child.style.display = 'none' } i.. 2020. 3. 14.
CSS - transition element에 움직이는 효과를 주는 속성. font-size와 transform에 transition을 주었다. transform - https://developer.mozilla.org/ko/docs/Web/CSS/transform transform 은 element에 회전(rotate), 크기 조절(scale), 이동(translate), 기울임 등을 설정한다. transform 효과는 element가 block 또는 inline-block level 일 경우에 적용 된다. transition은 요소에 변경이 적용될 css와 시간, 변화 과정을 설정하는 속성이다. transition-timing-function이 변화하는 과정을 설정하는 효과.(ease, linear, step-end, steps(.. 2020. 3. 13.
CSS - float 원래는 웹페이지에서 이미지와 텍스트를 띄워서 어떻게 배치할 것인가를 결정하는 속성이다. 근데 요즘에는 레이아웃을 설정하는 용도로 많이 쓰인다. 위로 띄운다는 느낌이 있다. 예시, 레이아웃 적용 예시, 2020. 3. 13.

티스토리툴바