WEB 17

AWS 특강 - Databases

지난 포스팅에서는 Storage에 대해 포스팅을 하였다.Storage 같은 경우, 단순히 데이터를 저장하는 것을 목표로, 실제로 쿼리를 짜지 못하고 체계적으로 데이터를 저장하지 못한다. 효율적인 검색 및 조작, 고성능 트랜잭션 처리 같은것을 위해프로젝트에서 Database 또한 구축해주는 것이 좋다. https://jerry-k.site/entry/AWS-%ED%8A%B9%EA%B0%95-Storage AWS 특강 - StorageAWS 강의 2부이다.  1부에서는 Network compute에 대해서 배웠다. 전반적으로 어떻게 서버를 만들어야 하는지 느낌정도는 온 것 같다. 그럼 이제 만든 서버에 데이터들을 저장해야하는데, 이때 사용jerry-k.site ✨ AWS의 완전 관리형 Database 서비스..

WEB/Backend 2024.12.11

AWS 특강 - Storage

AWS 강의 2부이다.  1부에서는 Network compute에 대해서 배웠다. 전반적으로 어떻게 서버를 만들어야 하는지 느낌정도는 온 것 같다. 그럼 이제 만든 서버에 데이터들을 저장해야하는데, 이때 사용하는게 스토리지이다.  데이터 종류에 따라 사용되는 스토리지에도  여러가지 종류가 있다. 오늘 포스팅은 그 부분에 대해서 다룬다. 전의 포스팅을 보지 않았다면, 꼭 보는 것을 추천한다!  https://jerry-k.site/entry/AWS-%ED%8A%B9%EA%B0%95-NetworkCompute AWS 특강 - Network_Compute이번 AWS 특강에서 최종 목표는 아래와 같은 아키텍처를 완성하는 것이다.  실제 프로젝트에서도 이렇게 아키텍처를 만들 수 있으면 좋을 것 같다. (이번 AW..

WEB/Backend 2024.12.11

AWS 특강 - Network_Compute

이번 AWS 특강에서 최종 목표는 아래와 같은 아키텍처를 완성하는 것이다.  실제 프로젝트에서도 이렇게 아키텍처를 만들 수 있으면 좋을 것 같다. (이번 AWS 8시간 특강은 위의 내용들을 진행 한 것이라고 보면 된다.)   ✨AWS VPCAmazon Virtual Private Cloud(Amazon VPC)AWS 클라우드 내에서 사용자가 정의한 논리적으로 격리된 가상 네트워크를 제공사용자는 네트워킹 환경을 완벽하게 제어IP 주소 범위 선택, 서브넷 생성, 라우팅 테이블 및 네트워크 게이트웨이 구성 등 인터넷에 액세스할 수 있는 퍼블릭 서브넷과 인터넷 액세스가 제한된 프라이빗 서브넷을 생성웹 서버와 데이터베이스 서버를 각각 배치 가능보안 그룹과 네트워크 액세스 제어 목록을 통해 각 서브넷의 AWS 리소..

WEB/Backend 2024.12.11

리눅스 명령어 / VI 명령어 모음

✨ 자주 사용되는 리눅스 명령어 ls: 내 위치의 모든 파일을 보여준다.pwd: 내 위치(폴더의 경로)를 알려준다.mkdir: 내 위치 아래에 폴더를 하나 만든다.cd [갈 곳]: 나를 [갈 곳] 폴더로 이동시킨다.cd .. : 나를 상위 폴더로 이동시킨다.cp -r [복사할 것] [붙여넣기 할 것]: 복사 붙여넣기rm -rf [지울 것]: 지우기sudo [실행 할 명령어]: 명령어를 관리자 권한으로 실행한다.sudo su: 관리가 권한으로 들어간다. (나올때는 exit으로 나옴)   ✨ 자주 사용되는 VI 명령어  1.  Command modei 현재 커서 위치에 삽입 (입력모드로 넘어감)a 현재 커서 바로 다음위치에 삽입 (입력모드로 넘어감)o 현재 줄 다음 위치에 삽입 (입력모드로 넘어감)- 영문 ..

WEB/Backend 2024.10.03

SFTP 파일 전송 (VS Code 플러그인으로 원격 서버 파일 전송)

✨SFTP 란 ? SFTP (Secure File Transfer Protocol)은 안전하게 파일을 전송하기 위한 프로토콜로,원격 서버와 클라이언트 간에 데이터를 암호화하여 안전한 파일 전송을 보장한다.(기본적으로 SSH (Secure Shell) 기반으로 동작) STFP는 데이터 전송 과정에 모든 명령어가 암호화되어 일반적인 FTP보다 안전하다. SSH 기반이라 SSH의 포트 (기본적으로 22번)를 통해 통신하고,파일 업로드, 다운로드, 권한 변경, 삭제, 이동 등의 작업도 가능하다. 보통 로컬 파일을 원격 서버에 업로드, 다운로드, 동기화에 사용된다. FileZilla 같은 GUI 기반의 SFTP 클라이언트를 사용해도 되는데,이번 포스팅에서는 VS Code의 플러그인의 사용에 대해 작성한다.   A..

WEB/Backend 2024.10.03

AWS EC2 서버 세팅 및 배포 / 몽고DB 도메인 연결하기 (A~Z까지) feat. Flask서버, Filezilla,Studio 3T,Gabia

이번 포스팅에서 AWS 인스턴스를 만들고, Flask 서버 배포, 그리고 도메인을 사용한 배포 까지 정리 해볼 예정이다.  📌몽고 DB와 Studio 3T가 설치 되어 있다는 전제로 포스팅 AWS를 처음 사용하면 1년동안 프리티어를 무료 사용 가능하다. 내용이 엄청 기니까 ....잘 봐보자  📚 목차1. 인스턴스 만들기2. EC2 포트 열기3. git bash 설치4. 로컬 환경에서 AWS EC2 연결5. Filzilla로 AWS 관리하기6. 서버에 DB 세팅7. 서버 도메인에 연결하기  📘인스턴스 만들기 AWS에 회원가입을 했으면, EC2에 들어간다(EC2는 자주 쓰이니까 즐겨찾기하면 편하다.)   일단 먼저 국가를 서울로 바꾸고 ,아래 인스턴스 시작을 누르면 된다.   인스턴스의 이름을 입력해준..

WEB/Backend 2024.07.27

[JS] AJAX(Asynchronous Javascript And XML) 는 무엇일까 ?

🔍 AJAX (Asynchronous Javascript And XML)자바스크립트를 이용해 서버와 브라우저가 비동기 방식으로 데이터를 교환할 수 있는 통신 기능이다. 📌AJAX의 약자 XML은 무엇일까?XML은 EXtensible Markup Language의 약자로, HTML과 비슷한 문자 기반의 마크업 언어이지만,HTML처럼 데이터를 보여주는 목적이 아닌, 데이터를 저장하고 전달하는 목적으로 만들어졌다. 수많은 응용 분야에서 데이터를 저장하고 전달하는 중요한 역할을 맡고 있다. 📕 AJAX 특징 1. 웹 페이지 새로고침 없이 (비동기 방식) 동적으로 업데이트가 가능하다. 2. HTML / CSS / JS / DOM / XML or JSON 등의 여러 기술을 조합하여 사용 됨3. jQuery가 ..

WEB/frontend 2024.07.05

[CSS] 요소 가운데로 가져오기 (중앙 정렬)

🔍 CSS 들어가기 전프론트엔드를 지속적으로 쭉 공부해오지는 않았지만,프로젝트를 할 때마다 프론트엔드 언어들을 다뤄왔다.  HTML에대해 잘 알면, 여러 방면에서 도움이 정말 많이 된다.ex) 크롤링, 백엔드 서버 구축 등등  각설하고, CSS를 꾸미다 보면,항상 이 정렬이 헷갈리는데 이번에 한번 정리해보자 ! 📚 중앙 정렬 기본 중앙 정렬을 할 때, 자주 쓰이는 것들이다.- text-align : center     : 부모 요소 내의 텍스트와 인라인 요소를 중앙에 정렬- margin : auto   : 요소의 수평 중앙 정렬에 사용하지만, 수직 정렬 지원하지 않음     (부모 요소의 남은 공간을 균등하게 분배하여 중앙 배치하므로, 부모 요소의 width가 적절하게 있어야 함)- justify-c..

WEB/frontend 2024.07.03

OpenSSL 다운로드 및 자체 서명 HTTPS

🔍 OpenSSL를 설치하여 자체 서명 Flask로 열은 서버에서 JS를 통해 사용자의 카메라에 접근을 시도했는데,물리적 인터페이스에 접근하려면 HTTPS의 서버 URL이 필요했다 . HTTP는 HyperText Transfer Protocol을 의미하는 것으로,  서버와 클라이언트의 통신 프로토콜이다.해당 프로토콜을 통해 데이터를 일반 텍스트로 교환하는 방식인데, 이 과정에 제 3자의 데이터 탈취 및 오남용이 생길 수도 있다.  HTTPS는 HTTP에 Secure을 더한 것으로, CA(독립된 인증 기관)으로 부터 SSL / TLS 인증서를 요구한다.즉, 데이터 교환 전에 브라우저와 인증서를 공유하여 안정성을 확보한다. 하지만 CA로부터 인증서 받기는 쉽지 않는데, 이러한 점을 자체 서명으로 해결 할 ..

WEB/Backend 2024.07.01

[Firebase] storage에 비디오 영상 넣고 가져오기 (with flask)

🔍Storage에 비디오 영상 넣고 가져오기 Firebase에  Realtime base를 이용하여 데이터 넣는 방법은 예전 포스팅에서 한 적이 있다.(만일 Firebase에 대해 모른다면 아래 포스팅부터 보는 것을 추천한다.) [Python] Firebase 시작하기🙄 Firebase란 ? 구글이 소유하고 있는 모발일 애플리케이션 개발 플랫폼으로,개발자가 모바일 및 웹 애플리케이션을 모두 쉽게 생성,실행 및 확장 할  수  있도록 한다. (데이터 저장은 NoSQL 문fishking.tistory.com Realtime base 같은 경우 단순 text 에 적합하지, 영상이나 사진같이 큰 용량의 데이터에는 적합하지 않다. 영상이나 사진을 보관하기위해서는 Storage가 적합하고, 해당 저장 링크를 통..

WEB/Backend 2024.05.25