공부-프레임워크, 개발도구20 [Azure] 무작정 리소스 생성해보기 (/w 가상머신) ※ 실습에 사용한 리소스는 삭제하므로 정보가림을 최소화 하였습니다. 처음부터 리소스, 가상머신을 제대로 이해하고 하나하나 정성들여 글을....쓸 시간에 직접 한 번 해보자.1) 구독 > 설정 > 리소스 > 만들기 클릭처음 Azure를 시작하면 12개월짜리 무료 서비스를 이용할 수 있는 구독(열쇠)을 받을 것이다.구독안에서 리소스를 생성해보자. 암호방식은 SSH 공개 키를 통해서 ID/PWD로 로그인하지 않고 자동로그인방법도 사용할 수 있으나,실습 후 삭제할 예정이니 해당 실습에서는 간단히 ID/PWD로 시작해보자.난 분명 VM 1개만 생성했을 뿐인데...... 필요한 부가적인 서비스들이 추가로 생성되었다.-> 무료 가상머신을 생성하면 기본적인 세팅을 해주는 것으로 보인다.-> 일반적으로 VM을 생성시도.. 2025. 2. 25. 포트 확인방법 1. 윈도우 Telnet 클라이언트 사용 telnet www.example.com 80 : 콘솔로 확인할 수 있다. 윈도우 환경설정에서 텔넷 클라이언트를 체크해야 한다. 2. netstat -tnl 명령어로 포트 확인할 수 있다. 2023. 3. 6. 1. 젠킨스 빌드 목표 gradle로 빌드하는 Spring Boot 프로젝트를 빌드하는 파이프라인 구성해보기 도커를 활용하여 설정해보기 도커가 기본적으로 설치되어 있다고 가정한다. 1. docker 설정하기 관리할 때 일일이 명령어를 치기는 어려움이 있다. docker-compose로 젠킨스에 대한 기본 설정을 진행한다. 젠킨스를 실행할 때마다 일일이 다운받고 세팅하지 않도록 volumes을 설정하였다. 해당 파일이 있는 위치에서 docker-compose up 명령어를 치면 http://localhost:8080으로 젠킨스에 접속할 수 있게 된다. 처음 시작하면 암호화된 비밀번호를 입력하는 란이 있다. 명령어를 백그라운드 실행을 하지 않았다면 콘솔창 하단에 있는 비밀번호를 볼 수 있다. 암호를 치고 추천하는 플러그인을 .. 2023. 1. 28. Vue - computed, methods, watch 속성 methods: 호출할 때만 해당 로직이 수행된다. computed: 데이터 연산들을 정의하는영역, return값을 가지며 데이터들간의 종속을 표현할 때 자주쓰인다. 대게 watch와 헷갈리면 computed를 선택하는 것이 옳다. function(){ return }형태를 가진다. watch: 데이터 변화를 감지하여 특정 로직을 수행, computed는 단순 연산에 주로 사용되지만 watch는 비동기 처리에 유리하다. 대체로 특정 변화가 감지되면 메소드를 호출하는 형태 완전히 이해하진 못했으므로 이렇게 간단하게만 표시 2022. 10. 7. Vue- 자주쓰이는 디렉티브 디렉티브(Directive): html 태그 안의 v-접두사를 가진 모든 속성 v-bind : html 속성 값에 뷰 데이터 값을 연결할 때 사용 아이디데이터 클래스데이터 스타일데이터 new Vue({ el:'#app', data:{ id_data:"tmp_id", class_data:"tmp_class", style_data:"tmp_style", } }); 전역 컴포넌트 같은 경우 이렇게 선언 가능하다. -> 전역 컴포넌트의 props 속성에 prop_data가 명시되어 있어야 한다. v-bind:는 :로 축약해서 사용할 수 있되 혼동을 줄 수 있으므로 혼용해서 사용하진 말자. v-if : 값에 따라(true, false) 보이거나 보이지 않거나 flag=true면 보임 v-for : 반복문 설명을 .. 2022. 10. 6. Vue-라우터 사용법 라우터 라우팅: 웹 페이지 간의 이동방법, 주로 SPA에서 주로 사용함 라우팅 사용시 매끄러운 화면 전환 가능 Vue 라우터 관련 특수 태그 URL : 페이지 이동에 사용하는 태그 : URL값에 따라 갱신되는 영역 var view1 = {template:'view1'}; var view2 = {template:'view2'}; var routes = [ {path: '/view1', component:view1}, {path: '/view2', component:view2}, ]; var router = new VueRouter({routes}); var app = new Vue({router}).$mount('#app'); view1 view2 view1 view2 링크를 클릭시 router-view영.. 2022. 10. 6. 이전 1 2 3 4 다음
