일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | |
7 | 8 | 9 | 10 | 11 | 12 | 13 |
14 | 15 | 16 | 17 | 18 | 19 | 20 |
21 | 22 | 23 | 24 | 25 | 26 | 27 |
28 | 29 | 30 | 31 |
- 클래스 참조
- vue 실행
- vue 추가
- 채팅 프로젝트
- git 폴더 모으기
- document 함수
- dbeaver 백업/복구
- 환경변수
- Quartz 라이브러리
- 소프트웨어
- submit 기본동작
- deploy.sh
- ..gitignore
- Jenkins
- 깃허브 토큰 발급
- .ppk
- 타임리프 참조 오류
- 되돌리기
- 배열 call by value
- 자바 swing 프로젝트
- Node Property
- 배포 자동화
- EL1021E
- AWS 생성
- CI/CD
- 테스팅
- Quartz dependency
- reset
- 깃허브 토큰 생성
- firstChild
- Today
- Total
목록2024/01 (7)
TY blog
AWS 서비스 계정부터 서비스 구축에 필요한 인스턴스를 생성하면서 생성에 필요한 Flow에 대해 정리하겠습니다. 1. AWS 계정생성 1. AWS 계정 생성하기 - AWS 사이트에 가입하여 계정을 생성합니다. 계정 생성에 필요한 준비물로는 해외에서 결제가 가능한 카드가 필요합니다. 2. 계정 생성 후 2차 인증 설정하기 - AWS root 사용자로 로그인 후 보안을 위한 2차 인증을 설정합니다. (google Authenticator 앱 이용) 3. 리전 설정/확인하기 * 리전이란 AWS의 서비스가 구동될 지역을 의미 2. 인스턴스 생성 1. EC2 인스턴스 생성하기 - 서비스 구축에 필요한 EC2 인스턴스를 AWS에서 생성하기 2. 탄력적 IP 할당 및 연결로 인스턴스 IP 고정하기 - 재부팅 시에 계..
1. DOM (Document Object Model) 문서객체의 동적으로 액세스 하고 업데이트할 수 있게 해주는 플랫폼 및 언어 중립적인 인터페이스 2. Node DOM의 기본 자료형, Node는 트리 구조로 계층적 관계를 맺고 있어 선택된 요소의 관계로도 요소 접근이 가능하다. 노드에는 여러 종류가 있으며, 가장 일반적인 노드 유형에는 Element Node, Text Node, Comment Node, Attribute Node 가 존재하며, DOM 트리의 모든 요소는 노드로 간주된다. 노드 간의 관계를 이용하여 접근하기 위한 Node property 1. parentNode 부모 노드 2. childNodes 자식 노드 리스트 3. firstChild 첫 번째 자식 노드 4. lastChild 마..
영화예매 시스템에 이어 두 번째로 진행한 여행일정 공유 APP 프로젝트를 개발하면서 느낀 점에 대해 적어보려 합니다. 1. 기능 구성 로그인, 회원가입여행 그룹 관리그룹을 만든 사람이 그룹장이 된다. 그룹장은 가입 신청한 그룹원을 심사할 수 있다.그룹장만 여행계획을 수정할 수 있다. 그룹 채팅기능 일정계획앱에 취지는 간단하게 여행을 같이할 그룹을 만들어 그룹과 일정을 소통하며 계획을 세우는 어플로 일정계획과 채팅이 핵심기능인 어플입니다. 2. 프로젝트 개발 언어 Client : Android Studio Server : Java 8 SocketDB : MYSQL Client는 Android로 개발하였고, 자바는 8 버전의 소켓으로 통신하는 서버를 하나 구축하여 개발을 진행했습니다. 3. 그룹채팅 ..
box-sizing : 웹 페이지의 박스모델을 제어하는 데 사용되는 css 속성 속성값은 2가지 속성으로 설정된다. 1. content-box : 기본값으로 설정되며 박스 모델에서 요소의 크기를 콘텐츠 영역 만을 기준으로 계산한다. .box_style{ box-sizing:content-box; } 2. border-box : 박스 모델에서 요소의 크기를 테두리, padding, margin의 크기를 모두 포함하여 계산한다. .box_style{ box-sizing:border-box; } 예시로 2가지 속성과 width:200px , height:200px, padding:10px 속성을 적용한 div를 비교해 보면 1번 속성은 padding + content 크기 (200* 200)을 합쳐진 넓이로 ..