개발 공부하는 빙빙

서버 정보제공 디비와 통신하며 데이터를 crud 요청을 보낸 클라이언트에게 정보를 응답 클라이언트 서버에게 서비스 요청하고 서버가 원하는 방식에 맞게 제공 사용자에게 적절한 방식으로 표현 ex) postman

N = int(input()) res = 2 #초기 n = 1일 때 분할 면은 2임 add = 2 #초기 증가 수는 2 cnt = 0 # cnt == N-1이 되면 끝 odd = False while(cnt != N-1): res = res + add cnt += 1 if odd == True: #더하는 값이 홀수일 때 두번 더해줬으니까 다음 더할 값에는 +=1헤주고 넘어감 odd = False add += 1 continue if add % 2 == 1: #더하는 값이 홀수이면 다음거에 +=1 안해줌 odd = True # True로 바꿔주고 continue add += 1 #더하는 값이 짝수이면 다음 더할 값에 +=1 print(res) N이 1일 때 최대 분할면은 2 N이 2일 때 최대 분할면은 4..

브라우저의 로컬 스토리지에 힘을 빌려서 저장이 됨 (유효기간은 1년정도?) 명령어 npm i vuex-persistedstate 등록을 해줘야 할 플러그인 index.js에 안에 작성해주기 import createPersistedState from "vuex-persistedstate" Vuex.Store 안에 작성해줄 것 export default new Vuex.Store({ plugins:[ createPersistedState(), ],

Emit & Props 각 컴포넌트는 개별적으로 데이터를 관리해야한다. 데이터는 단방향 흐름, 자식간에만 전달이 가능 장점: 데이터의 흐름이 직관적임 단점: 컴포넌트의 중첩이 많아질 경우 로직이 복잡,불편해짐 Vuex 프로젝트 규모가 커질 때 자연스럽게 사용한다. 상태관리 패턴 + 라이브러리 상태를 전역에서 관리하도록 하는 라이브러리 모든 컴포넌트에 대한 중앙 집중식 저장소 역할-> 규모가 큰 프로젝트에(컴포넌트 중첩이 많은) 좋음 Mutations가 State를 변경 시킨다 Vuex의 구성요소 State : 데이터의 역할.어플리케이션마다 하나의 저장소를 관리(data), State에 접근하는 방삭 : this.$store.state.data_name Actions : computed와 같은 역할. St..

Router라우터: 길을 만들어 주는 애 index.js 파일에 정의한 경로에 특정한 컴포넌트와 매핑 SPA등장 이후에 모든 요청에 대한 처리는 서버가 하지 않고 HTML 위에서 자바스크립트 코드를 활용해 진행된다. 서버는 index.html만 제공한다. Vue로 개발하는 SPA의 단점은 페이지의 이동이 없다라는 점을 개선하기위해 url는 바뀌지만 페이지는 실제로 이동하지 않는 방법. 브라우저의 history api를 이용하여 라우터가 동작을 한다. 명령어 vue add router

piece = list(input().split()) temp = 0 while(1): if sorted(piece) == piece: break for i in range(len(piece)-1): if piece[i] > piece[i+1]: temp = piece[i] piece[i] = piece[i+1] piece[i+1] = temp print(*piece)

SFC( Single File Component) vue의 컴포넌트 기반 개발의 핵심 특징 화면의 특정 영역에 대한 여러 코드를 하나의 파일(.vue)에서 관리 component: 재사용 가능한 코드를 캡슐화 하는데 도움을 줌 Vue 인스턴스 === Vue 컴포넌트 Vue CLI를 사용하기 위해서 Node.js설치가 필요하다. Node.js: 자바스크립트를 브라우저에서만 사용하는게 아닌 SSR에서도 사용 가능하도록 함 python 에서 pip가 있다면 node.js에서는 NPM. 다양한 패키지 관리자. 명령어 설치 공식문서 https://cli.vuejs.org/guide/installation.html npm install -g @vue/cli 프로젝트 이름이 my-first-vue-app일 때 npm..

N = int(input()) #no, no 중복제외하기 위해 set w = set(input()for _ in range(N)) words = list(w) # 사전 순으로 정렬 words.sort() # print(words) # 길이 순으로 정렬 words.sort(key=len) # print(words) for i in range(len(words)): print(words[i]) 처음에는 문제에 나와있는 대로 1.길이가 짧은 순 2. 사전 순 으로 풀어보려고 했는데 마음대로 안됐다. words.sort(key=len) 한다음 words.sort()이렇게 하면 길이 순으로 한게 물거품이 된다. 그래서 그냥 먼저 사전순으로 정렬하고 그것을 다시 길이순으로 정렬을 했다. 그랬더니 되네? 그리고 예제..

n = int(input()) money = 0 if n // 5 > 0: money += n//5 n %= 5 if n % 2 == 1: #5로 나눈 나머지가 홀수이면 5로 나눈 몫을 하나 줄이고 나머지에 5를 더함 money -= 1 n += 5 if n // 2 > 0: money += n//2 n %= 2 if n != 0: print(-1) else: print(money) 단순하게 처음엔 5로 나누고 몫을 따로 저장해준다음 그 나머지값을 2로 나눈 몫을 5로 나눈 몫과 합한 값을 출력하면 되는 줄 알았다. 그런데 13을 5로 나누면 몫은 2지만 나머지가 3이라서 2로 나머지가 0으로 만들 수가 없었다. 그런데 예제를 보면 13은 출력값이 5이다. 그래서 5로 나눴을 때 나머지가 홀수이면 2로 ..

원의 방정식 에서 어떤 점을 넣었을 때 반지름^2 보다 작으면 원안에 존재 한다는 점을 이용했다. 시작점 또는 끝점이 원 안에 존재 한다면 cnt += 1을 해준다. 동시에 temp도 += 1 한다. 만약 시작점과 끝점이 같은 원 안에 존재한다면 temp가 2일 것 이므로 cnt -= 2를 해주었다. import sys input = sys.stdin.readline T = int(input()) # 테케 # 행성계 진입/이탈 횟수를 최소화 for tc in range(T): x1, y1, x2, y2 = map(int, input().split()) n = int(input()) # 행성계의 개수 cnt = 0 for i in range(n): temp = 0 cx, cy, r = map(int, in..