분류 전체보기41 [부스트캠프] 클라우드를 GUI로 설계 가능한 Cloud Canvas Cloud Canvas는 클라우드 인프라를 GUI로 손쉽게 설계하고, 이를 Terraform 코드로 자동 변환할 수 있는 도구입니다. 주요 기능은 아래와 같습니다. 🎨 직관적인 UI/UX클릭 몇 번으로 누구나 쉽게 클라우드 인프라를 설계할 수 있습니다.💻 Terraform 코드 변환설계한 인프라를 자동으로 Terraform 코드로 변환하여 사용할 수 있습니다.🤝 협업 및 재활용인프라 허브를 통해 다른 사용자들과 설계도를 공유하고 수정하며 효율적으로 협업할 수 있습니다. 다음으로 실행 화면에 대해서 보여드리겠습니다. 리소스 배치왼쪽 탭에서 원하는 리소스를 골라 배치하는 장면입니다. 리소스 속성 설정원하는 리소스를 클릭하여 속성 창에서 해당 리소스의 속성을 설정하는 장면입니다. 노드 삭제 및.. 카테고리 없음 2024. 12. 20. 더보기 ›› 웹의 3요소(HTML, CSS, JavaScript) 완벽 가이드 ## 목차1. [웹의 3요소 개요](#웹의-3요소-개요)2. [HTML: 웹의 구조](#HTML-웹의-구조)3. [CSS: 웹의 표현](#CSS-웹의-표현)4. [JavaScript: 웹의 동작](#JavaScript-웹의-동작)5. [세 요소의 상호작용](#세-요소의-상호작용)## 웹의 3요소 개요웹 페이지는 크게 세 가지 핵심 요소로 구성됩니다:- HTML: 구조- CSS: 디자인- JavaScript: 동작이는 마치 인체의 뼈대, 피부, 근육과 같은 역할을 합니다.## HTML: 웹의 구조HTML(HyperText Markup Language)은 웹 페이지의 기본 구조를 정의합니다.### 기본 예제```html 안녕하세요 이것은 단락입니다. 목록 항목 1 .. 카테고리 없음 2024. 12. 15. 더보기 ›› 모델 설계의 중요성 목차모델 설계의 시작인터페이스 설계구현과 이점실전 적용 사례얻은 교훈모델 설계의 시작테라폼 코드 분석실제 테라폼 코드를 분석하면서 모델 설계를 시작했습니다:resource "ncloud_server" "main" { subnet_no = ncloud_subnet.main.id name = "my-server" server_image_number = "25624115" server_spec_code = "SPEC-CODE" login_key_name = ncloud_login_key.key.key_name}요구사항 도출코드 분석을 통해 다음 요구사항을 도출했습니다:필수 속성 관리subnet_no, server_image_number, server_spec_code는 필수누락 시 .. 카테고리 없음 2024. 12. 7. 더보기 ›› 실전 클린 코드: 원칙부터 리팩토링까지 목차클린 코드의 정의네이밍 컨벤션함수 설계주석 작성코드 구조화객체와 자료구조오류 처리리팩토링 기법테스트 코드클린 코드의 정의클린 코드란 단순히 "작동하는 코드"가 아닌, 다음과 같은 특성을 가진 코드를 의미합니다:가독성이 높은명확한 의도를 가진유지보수가 용이한테스트가 가능한중복이 없는클린 코드의 중요성// Bad Codepublic List getThem() { List list1 = new ArrayList(); for (int[] x : theList) { if (x[0] == 4) list1.add(x); } return list1;}// Clean Codepublic List getFlaggedCells() { List flaggedCells = new Ar.. 카테고리 없음 2024. 11. 25. 더보기 ›› 테라폼으로 NCP 서버 인프라 구축하기 목차프로젝트 구조초기 설정네트워크 구성서버 구성실행 방법주의사항프로젝트 구조project/├── provider.tf # NCP 프로바이더 설정├── variables.tf # 변수 정의├── terraform.tfvars # 실제 변수값├── vpc.tf # VPC 및 서브넷 설정├── security.tf # 보안 설정├── server.tf # 서버 설정└── outputs.tf # 출력 설정초기 설정프로바이더 설정 (provider.tf)terraform { required_providers { ncloud = { source = "NaverCloudPlatform/ncloud" } } required_versio.. 카테고리 없음 2024. 11. 19. 더보기 ›› 이전 1 2 3 4 ··· 9 다음