전체 글 (88) 썸네일형 리스트형 [mariadb] Docker 로 mariaDB 실행 및 접속하기 mariadb image 설치 docker pull mariadb * docker image 란? 파일로 어플리케이션 실행에 필요한 독립적인 환경을 포함하며, 런타임 환경을 위한 일종의 템플릿이다. 도커 이미지는 소스 코드, 라이브러리, 종속성, 도구 및 응용 프로그램을 실행하는데 필요한 기타 파일을 포함하는 불변(변경 불가) 파일이다. mariadb 컨테이너 만들고 실행하기 docker run --name mariadb -d -p 3306:3306 --restart=always -e SQL_ROOT_PASSWORD=root mariadb --name 사용할 컨테이너의 이름을 정의 -d 컨테이너를 백그라운드에서 실행 -p 호스트와 컨테이너 간의 포트를 연결 호스트 3306 -> 컨테이너 3306 포트로 .. [Docker] Docker 컨테이너 간단한 명령어 이미지 조회 sudo docker images 컨테이너 조회 실행 중이 컨테이너 조회 docker ps 전체 조회 docker ps -a 컨테이너 중지 docker stop 컨테이너 이름 or 아이디 컨테이너 시작, 재시작 컨테이너 시작 docker start 컨테이너 이름 or 아이디 컨테이너 재시작 docker restart 컨테이너 이름 or 아이디 컨테이너 접속 docker attach 컨테이너 이름 or 아이디 [Vue js] Vue emit 부모 컴포넌트로 데이터 보내기 emit 이란? Vue 에서는 부모 컴포넌트와 자식 컴포넌트간에 데이터를 주고 받기 위해서는 props나 emit을 사용하여야 합니다. 그 중 emit은 자식 컴포넌트에서 부모 컴포넌트로 데이터를 보내는 방법 입니다. emit 사용방법 emit 구조 v-on:자식 컴포넌트에서 보내온 데이터 이름= "부모 컴포넌트에서 실행할 함수명 ' // 자식 컴포넌트 {{food}} // 클릭 이벤트를 주어 sendMsg 함수를 실행 시킵니다. 감사인사 // 부모 컴포넌트 // sendMsg는 자식 컴포넌트에서 보낸 식별자 이름 // receiveMsg 는 부모 컴포넌트의 메서드 명 {{ msg }} 결과 [Vue js] Vue Props Props? Vue는 부모 컴포넌트와 자식 컴포넌트가 서로 격리되어 있다. ===> 데이터를 직접적으로 참조 할 수 없음 따라서 Vue에서는 props를 이용하여 부모 컴포넌트에서 자식 컴포넌트로 데이터를 전달합니다. Props 구조 props의 기본 구조는 다음과 같습니다. v-bind:자식컴포넌트의 props 이름 = " 부모컴포넌트의 데이터 " // 부모 컴포넌트 App.vue // v-bind:자식 컴포넌트 props 명 = " 부모 컴포넌트 데이터 이름 " // 자식 컴포넌트 FoodView.vue {{food}} 부모 컴포넌트에서 foodname을 자식 컴포넌트의 food에 매핑 해주었습니다. 그 결과 자식 컴포넌트의 food에 소고기 가 매핑 된것을 보실 수 있습니다. props Type 설.. [javascript] 즉시 실행 함수 표현(IIFE : Immediately Invoked Function Expression) IIFE : 즉시 실행 함수 표현 자바스크립트 기반 라이브러리나 api를 사용하다 보면 (function () { /.../ })(); 이러한 형태의 코드문법을 본적이 있을 것이다. 이는 Self-Executing Anonymous Function 으로 알려진 디자인 패턴이고 크게 두 부분으로 구성된다. 첫 번째는 괄호((), Grouping Operator)로 둘러싸인 익명함수(Anonymous Function)이다. 이는 전역 스코프에 불필요한 변수를 추가해서 오염시키는 것을 방지할 수 있을 뿐 아니라 IIFE 내부안으로 다른 변수들이 접근하는 것을 막을 수 있는 방법이다. 두 번째 부분은 즉시 실행 함수를 생성하는 괄호()이다. 이를 통해 자바스크립트 엔진은 함수를 즉시 해석해서 실행한다. 예시 (.. [Vue] Vue methods 사용법 Vue에서 methods는 자바스크립트의 function과 같습니다. Vue의 v- 디렉티브를 사용하여 간단하게 methods를 구현해보겠습니다. click v-on:click="outputLog" 에서 outputLog는 methods 안에 있는 함수 이름입니다. 따라서 디렉티브 태그를 클릭하게 되면 outputLog함수가 실행되어 console.log( "clicked")가 실행되게 됩니다. 뿐만아니라 Vue 인스턴스 안의 data값에 변화를 줄 수도 있습니다. click {{ num }} 버튼을 클릭하게 되면 data의 num가 올라가는것을 보실수 있습니다. [Vue js] Vue 컴포넌트 ( component ) ? Vue 컴포넌트란? Vue 공식 문서에는 아래와 같이 정의 합니다. - 컴포넌트는 Vue의 가장 강력한 기능 중 하나이다. - 기본 HTML 엘리먼트를 확장하여 재사용 가능한 코드를 캡슐화하는 데 도움이 된다. - 상위 수준에서 컴포넌트는 Vue의 컴파일러에 의해 동작이 추가된 사용자 지정 엘리먼트이다. - 경우에 따라 특별한 is 속성으로 확장 된 원시 HTML 엘리먼트로 나타날 수도 있다. - Vue 컴포넌트는 Vue 인스턴스이기도 하다. 그러므로 모든 옵션 객체를 사용할 수 있다. 쉽게 말해 특정 HTML태그를 만들어 동적으로 해당 부분만 변화를 주어 브라우저에 나타낼 수 있게 도와주는 것입니다. Vue 컴포넌트 사용방법 Vue 컴포넌트 사용 방법은 두 가지가 있습니다. 첫번째로는 # 전역 등록하여.. [IntelliJ] Java 버전 바꾸는 방법 Project Structure Project Modules SDKs Settings Build Tools -> Gradle Compier -> Java Compier 이전 1 ··· 5 6 7 8 9 10 11 다음
