웹3 [AWS] AWS 가입하기-가입절차 개인 홈페이지를 구축해볼까 생각이 들었습니다. 근데 서버로 쓸만한 장비가 딱히 없기도하고, 클라우드 서버가 대세라고 하길래 무장적 해보려고 합니다. 혹시나 같은 경험이 필요한 분들을 위해 AWS를 사용하는 과정을 기록합니다! Let's Go~! 1. 구글에 aws 를 검색하거나 https://aws.amazon.com/ 로 접속 클라우드 서비스 | 클라우드 컴퓨팅 솔루션| Amazon Web Services 컴퓨팅에 대한 새로운 소식 거의 모든 애플리케이션을 어디에서나 지원할 수 있는 AWS 설계 칩, 인스턴스 및 하이브리드 솔루션과 같은 컴퓨팅 혁신에 대해 알아보세요. 발표 내용 살펴보기 aws.amazon.com 2. 사이트 접속 후 우측 상단에 "AWS 계정 생성" 을 클릭합니다. 3. 가입 5단계.. 2023. 1. 9. [React]리액트 기본 구조 / JSX란? 기본 구조 처음 리액트를 처음 접한다면 어떤 식으로 사용을 해야 되는지 감을 잡는 게 중요한 것 같습니다. 리액트의 기본 구조는 컴포넌트 구조를 가지고 있습니다. 컴포넌트 구조란 예를 들어 아래의 이미지처럼 UI를 개발한다고 할 때 '로고 이미지', '검색어 입력 상자', 오른쪽 상단의 '버튼' 등 필요한 컴포넌트들이 있을 것입니다. 이러한 컴포넌트들을 각각의 파일로 작성을 하고, 그 파일들을 import 시켜 재활용하여 사용할 수 있는 구조를 말합니다. 재활용한다는 말을 좀 더 자세히 말씀드리자면 위의 이미지에서도 첫 번째 이미지와 같이 '로고 이미지', '검색어 입력 상자'를 보실 수 있을 것입니다. 이때 새로운 코딩을 하는 것이 아닌, 첫 번째 이미지에서 사용하였던 컴포넌트를 다시 사용하여 만들 수.. 2020. 12. 19. [HTML+CSS] ul, li 태그로 트리구조 만들기 트리구조는 아래의 그림처럼 우리가 흔히 볼 수 있는 폴더의 구조입니다. 또한 웹개발을 할때 메뉴, 카테고리 등을 표현할 때 필요한 구조입니다. 다음은 코드입니다. See the Pen Tree by limqo (@limqo) on CodePen. 구조는 이 기본 한 묶음이고, 하위 트리를 생성할 경우는 하위에 새로운 을 추가하면 됩니다. javascript를 응용하여 동적으로 생성 할 수 있습니다. 마지막 노드 여부를 class="lastTree"로 판단하고, 여기에 필요한 이벤트를 추가하면 됩니다. 코드를 보면 선택 여부를 를 이용하여 선택 여부를 확인합니다. 2020. 7. 17. 이전 1 다음 728x90 반응형
