본문 바로가기

분류 전체보기

(308)
맨날 헷갈리는 PaaS, IaaS, SaaS 요약 PaaS (Platform as a Service)설명: 애플리케이션 개발 및 배포를 위한 플랫폼을 제공하는 서비스.예시: Heroku, Google App Engine.주요 기능: 개발 환경, 데이터베이스 관리, 미들웨어 등.IaaS (Infrastructure as a Service)설명: 가상화된 컴퓨팅 자원을 제공하는 서비스.예시: Amazon Web Services (AWS), Microsoft Azure.주요 기능: 서버, 스토리지, 네트워크 자원.SaaS (Software as a Service)설명: 인터넷을 통해 소프트웨어를 제공하는 서비스.예시: Google Workspace, Salesforce.주요 기능: 소프트웨어 접근, 유지관리, 업데이트.각 서비스의 핵심은 다음과 같습니다:Pa..
다익스트라 알고리즘 - 배열에 cost가 주어질 시 탬플릿 코드 import heapq import sys input = sys.stdin.readline cnt = 1 INF = int(1e9) dx = [-1, 1, 0, 0] dy = [0, 0, -1, 1] def dijkstra(): q = [] heapq.heappush(q, (graph[0][0], 0, 0)) distance[0][0] = 0 while q: cost, x, y = heapq.heappop(q) if x == n - 1 and y == n - 1: print(f'Problem {cnt}: {distance[x][y]}') break for i in range(4): nx = x + dx[i] ny = y + dy[i] if 0
웹 개발 관련 - 알아두면 유용한 명령어 및 오류 해결 윈도우에서는 깃파일 이름 길이 관련해서 길어지면 오류가 납니다. 그리고 길이에 관련한 명령이 기본적으로 false로 설정 되있는 듯 합니다. 그렇기 때문에 정삭적으로 깃을 클론 도는 풀을 받았음에도 불구하고 관련한 오류가 나온다면 아래의 명령어를 치시길 바랍니다. git config --system core.longpaths true 또 어떨때는 아직 쿠키나 로컬저장소에 값을 저장해서 써야하는데 해당 관련 api가 나오지 않아서 수동으로 저장해야할 때 가 있습니다 이럴때 개발자창에가서 일일이 치기는 번거로운데 콘솔창에 관련한 명령어가 존재합니다. // key, value 형식으로 값 넣기 document.cookie="key=value"
자바스크립트는 왜 그 모양일까? 시작 이 책은 자바스크립트를 철저하게 ‘프로그래밍 언어’ 관점에서 접근하고 있다. 엔진이나 웹의 구동 환경 등을 다루지 않고, 언어 자체에 대해 모든 개발자가 알아야 할 것들을 다룬다. 오히려 배우는 사람이 그런 것을 알지 않기를 바란다. “언어의 간결하고 분명한 부분만 가까이 하라” 는 것이 필자의 주장이며, 자바스크립트는 그렇지 않은 부분이 충분히 많다. 책 전반에 걸쳐서 이야기하는 부분 중 하나가 “다음 세대의 프로그래밍 패러다임은 ‘분산 비동기 프로그래밍’ 이 될 것이다” 이다. 그리고 자바스크립트는 그 과도기적 언어로서 충실하게 역할을 수행하고 있다고 볼 수 있다. 챕터별 메모 너무 어려워서 개념적인 부분만 그리고 내가 납득 가능한건만 정리 했다. 납득이 가지 않거나 하는건 혹시 내가 이해를 제..
Today I Learned : Vue.js 랜더링시 해결 과정 중 배운 것 정리 어제 Do it! 프런트엔드 UI 개발 with Vue.js의 구현을 모두 끝냈다. 해당 책을 기획이자 디자인, 와이어프레임이라고 생각하고 했던 사이드 프로젝트가 끝이 났다. 그리고 오늘부터 좀 더 프런트엔드답게 고정 데이터인 부분을 => axios 호출해서 가져오는 형태 또는 모듈화 및 추상화를 넣어주는 리팩토링을 시작하고자 했다. 과정에서 몇 가지의 문제점이 생겼습니다. 또 해결해 가면서 배운 것들을 정리하는 과정을 가져볼까 합니다. 0. 이전에 구현 중 localhost:5147/ 로 이동시 index.vue로 이동하게 라우팅이 되어 있었습니다. 하지만 index.vue는 아래와 같이 구현되어 있었습니다. 웹사이트 제목 이렇기 때문에 path: "/"으로 갈 경우 content가 비어있는 페이지가 ..
컴파일 해주는 사이트 - 공부 시 편리 공부하면서 내가 설치 하지 않는 언어가 예시로 나오거나 할 때 가있다. 잘 보지 않던 문법 형식이라 이해하는데 시간이 걸릴 수 있는데 이럴때 한 번 돌려보면 빠르게 알텐테... 이럴것이다. 그렇다고 그걸 돌려보려고 설치하고 하는 일(?) 너무나도 귀찮다. 그럴때 여러 언어를 대신 돌려주는 사이트를 찾았다. https://www.mycompiler.io/ko myCompiler - C, C++, 자바, 파이썬, 고, NodeJS 및 기타 언어를 위한 온라인 IDE myCompiler를 사용하여 자주 사용하는 프로그래밍 언어를 온라인으로 실행하세요.원하는 프로그래밍 언어로 코드를 편집, 컴파일 및 실행할 수 있는 간단하고 사용하기 쉬운 IDE www.mycompiler.io 공부하면서 도움이 되길 바란다. ..
다익스트라 템플릿 ### 다익스트라 알고리즘 탬플릿 ### n, m = map(int, input().split()) k = int(input()) graph = [[] for _ in range(n + 1)] visited = [False] * (n + 1) distance = [99999] * (n + 1) for i in range(n + 1): a, b, c = map(int, input().split()) graph[a].append((b, c)) def getSmallestNode(): minValue = 99999 index = 0 for i in range(1, n + 1): if not visited[i] and distance[i] < minValue: minValue = distance[i] index..
html 에서 html 로 데이터 보내기 with 바닐라 자바스크립트 # 리액트나 뷰 이런 프레임워크에서는 props로 데이터를 간단하게 보낸다. 그런데 문득 그러한 프레임워크를 쓰지 않고, 어떤 식으로 데이터를 보낼지가 궁금하다. 또한 가끔 일을 하다 보면 그러한 코드를 마주할 때가 있다. 그런 상황에서 좀 더 쉽게 어려움을 해결하고자 이 글을 정리한다. ## 들어가기에 앞서 우선 로컬스토리지, 세션, 쿠키로 저장해서 가져다 쓰는 방법은 언급하지 않겠다. 또한 서버가 있다고 가정하고 서버에 데이터를 보내고 받아오는 형식도 고려하지 않겠다. 단순히 두 html 간에 데이터를 간단하게 전송하고자할 때의 상황을 고려하겠다. #### 보내는 페이지: pageA.html Send Message from Page A ##### 설명 간단한 코드이다. sendButton을 id로 가..

728x90