전체 글 177

[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

[Python][백준] 21921. 블로그

링크🔗https://www.acmicpc.net/problem/21921🗒️파이썬 코드 풀이N,X = map(int,input().split())lst = list(map(int,input().split()))sum_lst = [sum(lst[0:X])]for i in range(0,N-X): tmp_sum = sum_lst[i] + lst[i+X] - lst[i] sum_lst.append(tmp_sum)if sum(lst) > 0 : print(max(sum_lst)) print(sum_lst.count(max(sum_lst))) else : print("SAD") 1. 입력 받은 리스트 0~X-1 까지의 합을 sum_lst 첫 번째에 넣어준다. 2. X일 동안..

[Python] 로또는 운일까 ? (로또 데이터 분석) - 1편. 로또 정보 수집하기

🔍 로또는 운일까 ? 최근에 나에게 안좋은 일들이 많이 생겼었다. 기분도 꿀꿀하고, 로또나 한장 사려고 편의점에 들어가서 구매를 했다. 그리고 토요일 밤에 집에 가는 길,아무 생각없이 결과를 확인해봤는데, 4등에 당첨이 된 것이다 !!! (내가 1/733 경쟁률을 뚫었다고 !? ) 버스를 타면서, 로또에 대해 분석해보고 싶은 생각이 들었고 집에 와서 데이터 분석을 위한 몇 개의 코드를 작성해 보았다. 1등에 당첨되려면, 대략 8,145,060,000 원을 쓰면 된다..?!(8억이 아니라 81억임 ...) 고작 이 데이터 분석으로  당첨될거라는 생각은 당연히 하지 않는다.다만,주어진 데이터로 재밌는 인사이트들을 추출 해보고자 한다. 각각의 독립적인 사건들로 만들어진 무의미한 데이터가 의미가 있을지를 탐구..

[Python][백준] 2164. 카드2

링크🔗https://www.acmicpc.net/problem/2164🗒️파이썬 내 코드 풀이from collections import dequeN= int(input())lst = [i for i in range(1,N+1)]q = deque(lst)while len(q) != 1: q.popleft() q.append(q.popleft())print(q[0]) 1. 카드 리스트를 앞,뒤 자유롭게 버리고 옮길 수 있어야 되기 때문에, 자료구조 Queue를 쓰면 편하다. 2. 1 ~ N 까지의 카드 리스트를 q로 변환 해준다. 3. 카드가 1장 남을 때 까지, 첫 번째 장은 버리고 두 번째 장은 맨 뒤에 넣어주기를 반복한다.   📌  문제 코멘트Queue만 알면 아주 간단히 풀 수 있는 ..

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

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

WEB/frontend 2024.07.03

[Python][백준] VS코드 환경 파일 실행 및 입력 Tip

🔍알고리즘 VS 코드 환경 세팅맨 처음 알고리즘 문제를 풀 때, VS코드에서 이 버튼을 매번 누르면서 실행을 하고, 입력값을 복붙했다. 뭐 한 두번이면 괜찮은데,코드 테스트 하고, 틀린 것들이 있으면 다시 실행을 위해 여러번 눌러야한다,(이 때 진짜 손목 너무 아픔...) 그래서 Jupyter notebook에서 셀 키면서 CTRL+ Enter 누르면서 했는데, 너무 지저분해서, 다시 VS 코드로 돌아왔다 😂 혹시 나같은 사람을 위해, 조금이나마 도움이 되는 팁을 남겨본다.🌟실행 단축키 설정 VS 실행하면, 좌측 하단에 톱니바퀴 모양의 "관리"가 있는데, 이걸 누르고 "바로 가기 키"를 눌러준다.  그러면 검색창이 뜨는데 "Python 실행" 이라고 치고,"Python:터미널에서 Python 파일 ..

API (Application Programming Interface)는 무엇일까 ?

🔍  API를 알아보기 전에API, REST API 이런 단어를 프로그래밍을 하다보면 꼭 듣게 되는데,어떤건지는 대충 느낌을 알지만, 정확히 뭔지는 잘 설명을 못한다. API에서 I는 Interface로 사전적 의미로는 "두 물체 사이에서 상호 간 대화" 이다.즉, 컴퓨터에서 인터페이스는 read 또는 write의 역할을 해준다.ex) 키보드는 사람과 컴퓨터를 연결해주는 (물리적)인터페이스  그래서 이번 기회에 구체적으로 API에 대해 알아보고 공부 해보고자 한다. 🌟 API  (응용 프로그램 프로그래밍 인터페이스)아래 정의는 똑같은 말인데, 좀 다양한 말들로 설명하면 좀 이해가 쉬워져서 여러개를 가져와봤다. 정의 1.  응용 프로그램에서 사용할 수 있도록, 운영체제나 프로그래밍 언어가 제공하는 기능..

CS 2024.07.02

[Python][백준] 1157. 단어 공부

링크🔗https://www.acmicpc.net/submit/7568🗒️파이썬  풀이N = int(input())lst = []ans = []for _ in range(1,N+1): w,h = map(int,input().split()) lst.append((w,h))for i in range(N) : cnt = 0 for j in range(N) : if lst[i][0]  1. w(몸무게), h(키)를 튜플로 묶어 리스트로 만들어준다. 2. 완전 탐색으로 흔히 말하는 노가다를 해준다.- 00, 01, 02, 03, 04 / 10, 11, 12, 13, 14, 15 / . . .이런식으로 해당 lst[i]의 순위를 완전탐색으로 탐구하면 된다.  3. 완전 탐색 후..

OpenSSL 다운로드 및 자체 서명 HTTPS

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

WEB/Backend 2024.07.01