본문 바로가기

전체 글

(1200)
AWS Elastic Beanstalk로 Web Application 만들기 예제 1. 엘라스틱 빈스톡 서비스를 검색하고, 서비스에 들어간다. - 여기서 주의할점은 해당 서비스는 아직 서울리전에서는 사용이 불가능 하므로, 리전을 현재 서울에서 가장 가까운 도쿄로 변경 후 서비스를 생성해야 한다. 2. Elastic Beanstalk 시작하기를 클릭하여 아래의 정보와 같이 입력을 해준다. 3. 가장 많이 쓰는 웹서버인 tomcat을 선택 후 샘플애플리케이션을 체크 후 애플리케이션을 생성한다. 4. 생성 되고있는 모습, 자동으로 환경설정 등을 수행한다. 5. 설정이 완료되면 아래와 같이 화면에 표시된다. 6. 해당 URL을 클릭하면 아래와 같이 INDEX 화면으로 이동이 가능하다.
화면확대 및 필기 프로그램 Zoomit 줌잇 온라인 수업 및 오프라인 수업 모두에서 활용가능한 줌잇(Zoomit) 프로그램을 소개해드립니다. Zoomit 프로그램은 기본적으로 컴퓨터 화면 확대를 아주 빠르고 간편하게 해줄 수 있구요, 화면 위에 간단한 필기 또는 표시를 손쉽게 해주는 프로그램입니다. 줌잇 프로그램을 다운받는 주소 입니다. https://docs.microsoft.com/ko-kr/sysinternals/downloads/zoomit 프로그램을 실행하면 아래와 같은 화면이 나오는데요 그냥 OK 누르시면 바로 프로그램이 동작합니다. [Ctrl] + [1] 을 누르면 화면 확대가 시작됩니다. 이때 '마우스'의 휠을 위로 돌리면 확대, 아래로 돌리면 축소가 됩니다. [Esc]를 누르면 취소가 되어 원래대로 돌아옵니다. [Ctrl] + [2..
HTML - Javascript JavaScript For Of Loop The for of statement loops through the values of any iterable object:
javascript - import - export 하는 방법 import 하는 방법 import {Coffee, ICoffee} from "../domain/coffee"; ------------------------------------------------------------------------------------- export 하는 방법 export interface ICoffee { id: string; name: string; bean: string; team_name: string; //추가 } export class Coffee { private PK: string; // partition key id: string; name: string; bean: string; team_name: string; //추가 constructor(coffee: ..
javascript - class - constructor class construct_test { constructor() { this.name = "짱구"; this.age = 30; this.location = "인천광역시 서구 가정동" this.hobby = "영화 감상"; } } const aa = new construct_test(); aa.age = "브라우니"; aa.name = "김짱구" function test_01 () { const bb = new construct_test(); const cc = "바보"; const dd = "천재"; // console.log(bb.name, bb.age, bb.hobby, bb.location); // console.log(bb); // console.log(cc); return dd; // 리턴은 ..
javascript - 비교연산자 Boolean 비교 연산자 & Boolean === 1===1 1===2 1<2 1<1
javascript - 버튼클릭 속성을 부여하고 바탕화면 색깔변경 document.querySelector('body').style.color = 'white';">document.querySelector('body').style.color = 'black';">java script div 태그는 무색 무취의 태그이다. 단지 여 문단의 스타일을 적용 시키기 위해서 적용된 태그이다. span 태그도 div태그와 성격은 같으나, 줄바뀜이 되지 않는다는 것이 다른점이다. 클래스는 그룹핑의 의미이고 id는 식별한다는 의미이다. 그래서 클래스 속성이 먼저 부여되어 있지만, id와 같이 지정되어 있으면 id값을 반영한다. 클래스는 광범위의 의미이고, 예외적 디자인을 바꾸는것은 id를 사용하여 적용할 수 있다. 선택자를 통한 문법 = 헤드..
HTML - CSS - id 사용 및 우선순위 알아보기 java script div 태그는 무색 무취의 태그이다. 단지 여 문단의 스타일을 적용 시키기 위해서 적용된 태그이다. span 태그도 div태그와 성격은 같으나, 줄바뀜이 되지 않는다는 것이 다른점이다. 클래스는 그룹핑의 의미이고 id는 식별한다는 의미이다. 그래서 클래스 속성이 먼저 부여되어 있지만, id와 같이 지정되어 있으면 id값을 반영한다. 클래스는 광범위의 의미이고, 예외적 디자인을 바꾸는것은 id를 사용하여 적용할 수 있다. 선택자를 통한 문법 = 헤드 부분에 설정되어 있는 .js가 span태그의 js와 맞물려 해당 부분을 볼드 처리하는 css 문법이다. span 태그만 적용된 태그를 파란색으로 변경한다. id 선택자가 가장 우선순위가 높으므로, 위에 적용된 태그도 span 태그이지만, ..