분류 전체보기 475

파비콘(Favicon) 생성하기 - 파비콘이란

파비콘(Favicon)이란, 파비콘이란 간단하게 아이콘 입니다! 웹 페이지를 프로그램할 때 계속해서 Favicon errorr가 나올 때가 있는데, 단순하게 웹페이지에서 사용할 아이콘을 찾지못했다고 알려주는 것 입니다. 그럼 파비콘은 어떻게 적용하는 것일 까? 파비콘 만들기 파비콘은 아래의 사이트에서 이미지 파일을 이용하여 만들 수 있습니다. (쏘 간단) https://www.favicon-generator.org/ Favicon & App Icon Generator Upload an image (PNG to ICO, JPG to ICO, GIF to ICO) and convert it to a Windows favicon (.ico) and App Icons. Learn more about favico..

Flask 2021.10.07

동적 웹페이지의 종류 (CSR vs SSR)

사용자(client)의 요청에 따라 서버(Server)에서 응답을 해 HTM:을 처리하여 전송하는 웹페이지를 동적 웹페이지라 합니다. 동적 웹페이지의 종류로는 CSR 과 SSR이 존재합니다. 1.CSR(Client-side rendering) 어려울 것 없이 클라이언트 단에서 서버에 데이터를 보낸 후 클라이언트 쪽에서 HTML을 완성하는 방법을 의미합니다. 주로 Ajax가 이에 포함됩니다. 2. SSR (Server-side rendering) 서버 쪽에서 템플릿 HTML에 데이터를 삽입해 HTML 코드를 완성하는 방법입니다. 템플릿 언어가 이에 해당 합니다.

html-css 2021.10.06

[Python] 현재 시각 알아내기 - datetime()

python datetime 사용법에 대해 알아보자 프로젝트를 진행할 때 파일 저장 날짜나, 게시글 저장 날짜를 입력하고 싶을 때가 있는데 그때 Python datetime() 함수를 이용하여 현재 시각을 불러 올 수 있다. 1. datetime 내장함수 임포트 from datetime import datetime 2. 현재 날짜 시간 찍기 now = datetime.now() print(now) 3. 날짜 시간을 원하는 형태로 변환하기 (날짜 포맷) date_time = now.strftime("%Y-%m-%d-%H-%M-%S") print(date_time)

Python 2021.10.06

[Google Font] 구글폰트 사용 법 ( html 폰트 적용하기)

1. 구글 폰트를 검색해 들어간 다음 마음에 드는 폰트를 선택한다 https://fonts.google.com/?subset=korean#standard-styles Google Fonts Making the web more beautiful, fast, and open through great typography fonts.google.com 2. 마음에 드는 폰트를 클릭하고, 쭉쭉 스크롤을 내리면 글짜 크기별로 폰트를 선택할 수 있다. 3. select style로 적용할 폰트를 선택할 수 있다. 내가 선택한 모든 폰트를 한번에 적용이 가능하다 4. link를 head 안에 복사해서 구글폰트를 사용할 수 있고 5. css 를 html style 태그 안에 삽입해서 사용한다. ex 뾰로롱

html-css 2021.10.06

[TIL] 10.05-스파르타 내일배움캠프 23일차

TIL 1. 깃 이슈 - 마일드 스톤 - 프로젝트 관리 Git issue 와 마일드 스톤/ 프로젝트를 연동해서 관리하는 방법을 배웠다. 프로젝트의 각 옵션들을 사용해 보았다. 모르는 기능은 오늘 처럼 겁먹지 말고 사용해보고 알아가자 커밋을 할 때, 이슈번호 ex) #23 을 붙혀서 푸쉬하면 자동으로 이슈와 연동 된다. 2. Redis 와 SQL Redis는 케시메모리를 사용하는 데이터베이스 메니지먼트로 속도가 다른 데이터에 비해 빠르다. 하지만 이 빠르다는 개념은, 한번 불러온 데이터를 다시 불러오는 일 잣을 때 빠른 것이지, 새로운 데이터를 계속해서 불러온다면 의미가 없다. 따라서 기본적인 옵션 기능은 SQL로, cout같은 일은 Redis 로 2가지를 함께사용하여 효율을 추구한다는 것을 깨달았다. 3..

Elasticsearch 란 무엇일까!?!?!?

Elasticsearch 란, Elasticsearch 는 검색엔진 오픈소스 입니다. 이전에는 검색엔진만으로 사용했지만 아키텍처의 변화와 분산환경에서 로그의 중요성이 부각되면서 로그를 데이터화하는 ELK 스택으로 발전하였습니다. ELK(분석 스택)는 최근에 가장 많이 사용하는 로그분석 제품입니다. 출발은 검색엔진이었습니다. 검색엔진만을 위해 만들어졌지만 이제는 로그를 쌓고 검색을 하는데 유용하게 쓰이고 있습니다. 좋은점은 무료입니다!! ELK 스택으로 발전 클라우드의 아키텍처 변화에서 살펴봤듯이 컴퓨팅 환경이 분산되면서 ELK와 같은 제품들이 더욱더 각광받고 있습니다. 그 이유는, MSA 방식으로 소프트웨어가 점점 발전되감으로써 로그를 관리하기 어려워졌는데, 이렇게 찢어져있는 분산 환경에서의 로그를 다시..

Infra/AWS 2021.10.05

[내일배움캠프] 2차 프로젝트 - "강만다(강아지를 만나다)" / S.A(Starting Assignment)

2차프로젝트는 1차에서 개발한 POC기능을 토대로 프로젝트의 완성도를 높히는 걸 목적으로 한다!! 1. 1차 프로젝트에서 리마인드 1차 프로젝트를 진행하면서 아쉬웠던 점, 추가하거나 빼야할 점 들을 정리해 보았다. 적다보니 sns같은 느낌이 난다. 오... 2차 프로젝트에서는 깃 허브 커뮤니케이션의 중심으로 사용하기로 했다. 2. 프로젝트 제목 / 간단 설명 프로젝트 제목 : "강만다 - 강아지를 마나다." 강아지들도 친구가 필요해! 반려견을 통해 사람들이 만나는 커뮤니케이션 사이트 3. 와이어 프레임 1차 페이지 메인페이지 프로필 상세 프로필 수정 게시글 리스트 게시글 상세 페이지 게시글 작성 장소 위치 제공 페이지 (팝업) 2차 페이지 메인페이지 프로필 상세 프로필 수정 게시글 리스트 게시글 상세 페..

[AWS] AWS RDS란 - AWS에 데이터베이스 맡기기 (RDS 설치 및 사용하기)

RDS란 RDS는 AWS에서 관리 되는 관계형 데이터베이스 서비스 입니다. AWS에서 RDBMS를 자체적으로 관리해 주기 때문에 AWS에 데이터베이스를 맡기고 개발에만 집중할 수 있도록 해주는 서비스입니다. RDS 설치 RDS 검색 데이터베이스 생성 표준생성 Mysql 선택(프리티어라서) 템플릿 프리티어 선택 퍼블릭 액세스 (예) : 로컬에서 디비에 접속하기 위해 마스터 암호 설정(로컬에서 접속하기 위한 비밀번호 계정) rds 보안그룹 새로 생성 프로덕션은 RDS 에서 제공하는 기본적인 설정값을 사용하도록 하는 옵션입니다. 데이터베이스 제품들에 따라 설정하는 옵션값들이 많이 있습니다. 최적화된 옵션을 실제 운영하는 환경이라는 전재하에 제공합니다. 개발/테스트는 개발/테스트에 프리티어는 말그대로 공짜로 경..

Infra/AWS 2021.10.04

[AWS] Elasticbeanstalk - GitHub Action을 이용한 무중단 배포 서비스 만들기(프론트&백엔드 연결하기)

1. IAM 권한 추가 EB (Elastic Beanstalk)를 사용해서 깃허브와 연동해 자동배포를 진행하기 위해 사용자(IAM) 에 eb 권한을 추가한다. IAM - 사용자 - 클릭 - AdminstationAcess - AWSElascticBeanstalk 추가 2. Github Action - AWS 백엔드 배포 설정 Flask를 이용해 백엔드 배포를 진행하려 한다. EB 로 배포를 할 때는 application.py로 파일을 만들어야 한다.(디폴트) 1. application.py s3 = boto3.client() : AWS s3를 연결하기 위한 방법(boto3 라이브러리 이용) EB - 환경설정 필요 cors = CORS(application, resul~) : Cloudfront 주소와(프..

Infra/AWS 2021.10.04