dh.log

[Svelte] Svelte란?

2022.03.17

2021년 Stack Overflow 개발자 설문조사 결과에서 1위를 차지한, 개발자에게 가장 사랑받는 웹 프레임워크로 뽑힌 Svelte(스벨트)에 대해 알아보자. 이 글에서는 Svelte가 무엇인지, 그리고 어떻게 동작하는지, React와는 무엇이 다르고 어떻게 React보다 빠른지에 대해 포스팅해보려 한다. Svelte 란? 빠른 웹 어플리케이션을 구축하기 위한 도구 · 오픈 소스 프론트엔드 웹 프레임워크 Svelte(스벨트)는 2016년 출시된 오픈 소스 프론트엔드 웹 프레임워크로, 빠른 웹 어플리케이션을 구축하기 위한 툴이다. Interactive한 사용자 인터페이스를 구축한다는데 있어 React나 Vue와 같은 JavaScript 프레임워크, 라이브러리와 유사하다. Svelte 컴포넌트는 3가지..

🏁 Programming/Python

[Python] 한 번에 연속으로 입력 받기 (split, map)

2022.03.15

백준 문제를 풀다보면 위와 같이 한 번에 연속으로 입력 받아야 하는 경우가 많다. 하지만 계속 잊어서 글로 남겨둔다. Python에서 입력을 받을 때는 input 함수 를 사용한다. input은 값을 문자열로 저장하기 때문에, 정수나 실수 형태로 저장하려면 int(input()) or float(input()) 형태로 저장할 수 있다. 여러 개의 값을 입력 받으려면 split() 을 사용한다. split도 마찬가지로 값을 문자열로 저장하기 때문에 map 함수 에 int or float을 앞에 지정해주어 정수나 실수로 변환한다. # map 함수 : 리스트의 요소를 지정된 함수로 처리하는 함수. 보통 여러 개의 데이터를 한 번에 다른 형태로 바꾸기 위해 사용한다. ≫ 형태 map ( function, ite..

🏁 Algorithm/백준

[백준] 10871번: X보다 작은 수(Python)

2022.03.14

문제 10871번: X보다 작은 수 첫째 줄에 N과 X가 주어진다. (1 ≤ N, X ≤ 10,000) 둘째 줄에 수열 A를 이루는 정수 N개가 주어진다. 주어지는 정수는 모두 1보다 크거나 같고, 10,000보다 작거나 같은 정수이다. www.acmicpc.net 풀이 이 문제는 for문과 if문을 같이 사용할 수 있는지 확인하는 문제였다. 그러나 내가 헤멘 부분은 오히려 *입력받는 부분*이었다. 처음 제출한 코드 N, X = input().split() A = [] for i in range(int(N)): a = int(input()) A.append(a) for i in range(len(A)): if A[i] < int(X): print(A[i], end=" ") 오류는 없었지만 런타임에러가 뜬..

🏁 Algorithm/백준

[백준] 10950번 (Python)

2022.03.09

문제 10950번: A+B - 3 두 정수 A와 B를 입력받은 다음, A+B를 출력하는 프로그램을 작성하시오. www.acmicpc.net 풀이 처음 제출한 코드 T = int(input()) for i in range(T): A = int(input()) B = int(input()) print(A + B) 테스트 케이스를 반복해서 더한 후 출력하는 것이니까 각각 input()으로 받고 for문을 돌리면 되겠다 생각해서 제출하니 런타임 에러(ValueError)라고 떴다. 런타임 에러의 이유는 딱히 설명되어있지 않아 그냥 시간이 오래걸렸나보다 하고 다른 방법을 알아보던 중 input()으로 입력받는 것이 더 느리다는 것을 보았다. 알아보니 input()은 입력 값 하나 마다 버퍼에 저장한다고 한다. 때..

🏁 기타/Notion

[Notion] 구글 Map(Kakao Map) 넣기

2022.03.05

구글 Map 넣기 1. Google Maps에서 왼쪽 상단의 '메뉴' 클릭 2. '내 장소' 에서 '지도' 클릭하면 내가 저장한 지도를 볼 수 있다. 3. 원하는 장소를 클릭하여 '내 지도에서 열기' 클릭 4. '공유'에서 '다른 사람이 인터넷에서 이 지도를 검색하고 찾도록 허용함'을 활성화 시켜준 후 닫기 5. 위 화면에서 링크 복사가 아닌 사이트 상단의 링크를 복사하여, 노션에서 '붙여넣기' 한 후 "Embed Google Map" 클릭하면 끝! 지도가 노션에 들어간 것을 볼 수 있다! ※ Kakao Map을 넣고 싶다면? '내 폴더'에서 " 파일 수정 → 공개허용에 Check! → 폴더 공유에서 링크 복사 → 크롬 창에 링크를 붙여 넣어 사이트 접속 → 접속한 사이트의 상단 링크 복사 → '/Emb..

🏁 기타/코드프레소 체험단_BE

AWS (Amazon Web Service)

2022.02.26

AWS Amazon.com에서 출시한 Cloud 서비스 ▶ 주요 AWS Service - EC2 (Elastic Cloud Compute) _ 가상 서버 : AWS의 가장 기본적인 자원으로 가상 머신 상에 OS가 설치되어 있는 형태 (ex. 리눅스 서버, 윈도우 서버) * EC2 인스턴스 타입 (https://aws.amazon.com/ko/ec2/instance-types/) EC2 가격 정책 (https://aws.amazon.com/ko/ec2/pricing/) - S3 _ Object 스토리지 - RDS _ 관계형 데이터베이스 - VPC (Virture Private Cloud) _ 가상 사설 네트워크 - IAM _ 사용자 인증 및 권한 관리 ▶ AWS 사용 전 알아야 할 개념 - AMI (Ama..

전체 글