본문 바로가기

전체 글59

[Cloud Computing] 클라우드 컴퓨팅 정리 Cloud Computing 소개 개념: 인터넷을 통해 가상화 된 컴퓨터의 IT리소스 제종하는 것 : 인터넷에 연결된 다른 컴퓨터로 처리하는 기술을 의미 특징 : 컴퓨팅 자원을 원할 때, 원하는 만큼 사용, 사용 한 만큼만 요금을 지불한다. X As A Service : X를 서비스 형태로 제공받고 사용료를 지불하는 형태 ex) airbnb : Housing As A Service clouding computing 4가지 특징 1. on demand : 언제든지 이용가능 2. 대규모 확장성 : 수요에 따른 대규모 증설이 가능함./ 클라우드 사업자가 대규모 컴퓨팅 자원을 미리 구축해둠. 사용자들에게 임대하기 위해서. 비용을 지불하고 대규모 임대가 가능. 3. 종량제 과금: 초기 비용이 낮아서 risk 줄일.. 2022. 10. 25.
[AWS] E2C 서버 연결 (with. ubuntu, nginx) - (2) 일단, mobaxterm을 설치해준다. ( 필수는 아니지만 있으면 편하게 우분투 서버를 관리할 수 있다.) 🔽 아래 링크에 접속해서 설치하면 됨. https://mobaxterm.mobatek.net/download.html MobaXterm free Xserver and tabbed SSH client for Windows The ultimate toolbox for remote computing - includes X server, enhanced SSH client and much more! mobaxterm.mobatek.net 설치했으면, MobaXterm 을 실행시킨다. 이전에 만들었던 aws ec2인스턴스와 서버를 연결하는 작업을 할 것이다. 1. Session settings - SSH방식.. 2022. 10. 25.
[AWS] E2C 서버 연결 (with. ubuntu) - (1) 0. AWS - EC2 접속 1. 인스턴스 생성 인스턴스 시작 버튼을 눌러서 생성하면 된다. 2. 인스턴스 기본 정보 입력 1) 이름 설정 : 원하는 이름 아무거나 입력해주면 됨. 2) 애플리케이션 및 Os 이미지 : 사용하고 싶은 서버를 선택하면 된다. ( 이 글은 우분투를 기준으로 작성되어 있음) > AMI : 프리티어 사용 가능 버전을 선택하면 된다. 특별하게 설정해줘야 하는 게 아니면 그냥 기본으로 설정되어 있는 값을 따르면 된다. 3) 인스턴스 유형 및 키페어 설정 > 인스턴스 유형도 마찬가지로 프리티어 가능으로 기본 설정 값을 따르면 된다. > 키페어 설정 : 이전에 키를 생성한 적이 없으면 새로 생성해야 한다. -> 새 키 페어 생성을 클릭! 1. 키 이름 입력(원하는 이름으로) 2. 프라이.. 2022. 10. 25.
[10월 4번째 주/22.10.23~10.29] 1. linux(ubuntu) ⭕: 클라우드 컴퓨팅 강의 들었던 거 정리 및 E2C + ubuntu 배포 방법 정리 : (깃헙 연동 및 노드 설치 등등 배포에 필요한 모든 과정 총 정리 + 깃헙 저장소 내용 배포 성공하기 - 404 error) ⭕2. 리팩토링 강의 : 챕터 2까지 ❌3. 오렐리 책 : 챕터 5 까지 ❌4. 리액트 엘리 리뉴얼 버전 / 선별적으로 듣기 ⭕5. styled components (advanced) ⭕6. 스타일 컴포넌트 ts 적용 / 프로젝트 세팅 완료 ⭕7. 블로그 글 2개 ❌8. 연습용 페이지 만들기 1개 - 서버에 배포까지 ⭕9. ts - jsx 부분 + next 그래프 큐엘 2022. 10. 23.
[프로그래머스][JS] Lv.2 최댓값과 최솟값 문제 설명 문자열 s에는 공백으로 구분된 숫자들이 저장되어 있습니다. str에 나타나는 숫자 중 최솟값과 최댓값을 찾아 이를 "(최솟값) (최댓값)"형태의 문자열을 반환하는 함수, solution을 완성하세요. 예를 들어 s가 "1 2 3 4"라면 "1 4"를 리턴하고, "-1 -2 -3 -4"라면 "-4 -1"을 리턴하면 됩니다. 제한 조건 s에는 둘 이상의 정수가 공백으로 구분되어 있습니다. 입출력 예 "1 2 3 4" "1 4" "-1 -2 -3 -4" "-4 -1" "-1 -1" "-1 -1" [풀이 과정] 1. 공백 기준으로 문자열 잘라서 배열화 2. 배열에서 최대, 최소 값 구하기 공백을 기준으로 문자열을 자르면 숫자 -> 문자로 타입의 변화가 일어난다. 여기에 map(Number)를 해주면,.. 2022. 10. 20.
[CSS] styled components(basic) 스타일 컴포넌트 유용한 문법 몇가지 정리 1) Extending Styles 대부분의 스타일 속성이 같고, 일부만 다르게 표현하고 싶을 경우, 작성된 스타일 컴포넌트를 props값으로 새 스타일 컴포넌트에 전달하고 변경하고 싶은 값만 써주면 확장해서 사용가능. 2. as as 사용하면, 함수를 적용할 수 있음. 3. 어떤 컴포넌트에서도 사용가능 4. props 값을 이용해서 상황에 따른 값으로 스타일 설정 가능. 5. animation 에니메이션을 key-frame 말고 from to로 설정하면, 글로벌 변수로 선언해준 다음, 여러군데에서 재활용 가능 6. GlobalStyle 글꼴이나 페이지 공통 색상 같은 값은 모든 곳에서 활용되어야하기 때문에 효율적으로 관리 하기 위해서는, ThemeProvider.. 2022. 10. 19.