분류 전체보기 74

Netlify로 배포하기

npm run build build 파일 생성하기       2. 깃허브에 repository 생성 후 업로드 3. netlify 회원가입 화면에 보이는 Add new site 클릭    import an existing project       깃허브 선택후 연동하기 전체 연동을 선택하면 내 레파지토리가 전부 뜨는데 여기서 배포하고자 하는 파일 선택 설정하는 창이 뜨는데 다른 것 수정할 필요 없이 맨 하단에 있는   버튼만 누르면 된다그럼 이런 창이 상단에 뜨는데 조금 기다리면 오른쪽 처럼 링크가 생성된다링크로 접속하면 내가 만든 화면이 뜬다 사이드바에 있는 Site details에서 사이트이름도 수정가능하다   깃과 연동이 되어있기 때문에 깃에 push를 하면 자동으로 수정도 됨!

VScode에서 npm start 를 하자마자 발생해버린 오류

npm : 이 시스템에서 스크립트를 실행할 수 없으므로 C:\Program Files\nodejs\npm.ps1 파일을 로드할 수 없습니다. 자세한 내용은 about_Execution_Policies(https://go.microsoft.com/fwlink/?LinkID=135170)를 참조하십시오. 위치 줄:1 문자:1 + npm start + ~~~ + CategoryInfo : 보안 오류: (:) [], PSSecurityException + FullyQualifiedErrorId : UnauthorizedAccess 해당 경로에 가서 파일을 삭제하면 정상적으로 실행된다 .ps1이 안보인다면보기 탭에 있는 파일 확장명을 체크하면 된다 근본적인 해결론 파워셸을 관리자 권한으로 실행하여 실행 정책을 변..

1차시 create react app

리액트 앱을 생성하는 방법1.  create react app2. next.js 렌더링 방식에서 차이가 있고 장단점이 조금 나뉘긴 하나 요즘에는 번갈아 사용하기도 한다고 함일단 create react app으로 생성하는 방법을 학습 후 next.js로 넘어간다! 가장 먼저 할일은 컴퓨터에 node.js 설치하기설치 후 cmd에서 버전 확인c드라이브에 폴더 생성 후 'npx create react app 프로젝트 이름'으로 프로젝트 생성!생성된 폴더로 들어가서 npm start를 했을 때 제대로 작동되는 사이트를 확인할 수 있다!뭔가 영어가 잔뜩 올라오지만 정상적으로 실행되니까 1차시 무사히 완료..!

'react-scripts'은(는) 내부 또는 외부 명령, 실행할 수 있는 프로그램, 또는배치 파일이 아닙니다. / yarn : 이 시스템에서 스크립트를 실행할 수 없으므로 C:\Users\MSI\AppData\Roaming\npm\yarn.ps1 파일을 로드할 수 없습니다. 자세한 내용은 about_Execution_Poli cies(https://go.microsoft.com/fwlink/?LinkID=135170)를 참조하십시오.

npm install -save react-scriptsnpm start 시 실행됨 # 참고 사이트https://programmerplum.tistory.com/161

백준 1021번: 회전하는 큐 (파이썬)

자료구조를 활용하는 문제파이썬에는 deque라고 하는 양쪽으로 데이터를 넣고 뺄 수 있는 자료구조가 존재하는데 이걸로 양방향 순환 큐를 구현했다. from collections import dequen, m = map(int, input().split())m_list = list(map(int, input().split()))# 회전하는 큐 생성n_list = deque(i+1 for i in range(n))cnt = 0for i in range(m): while(True): # 첫번째 자리에 원하는 수가 나올때까지 회전을 반복 if m_list[i] == n_list[0]: n_list.popleft() break else: # 리스트의 길이를 2로 나눈 ..

백준 2024.08.02

백준 14469번: 소가 길을 건너간 이유(파이썬)

소가 도착하고 입장하기까지 걸리는 시간을 출력하는 비교적(?) 간단한 문제도착한 시간에 다른 검사를 하고 있다면 더 기다려야하는 문제만 해결해주면 됐다n = int(input())arr_list = list()for i in range(n): arr_list.append(list(map(int, input().split())))# 입장시간을 기준으로 정렬arr_list.sort(key=lambda x: x[0])# 처음 입장한 소의 정보는 일단 저장total = arr_list[0][0] + arr_list[0][1]for x,y in arr_list[1:]: # 소가 도착한 시간에 아무일도 없고 늦게 왔을 때 if total

백준 2024.08.02

백준 11724번: 연결 요소의 개수 (파이썬)

미루고 미루던 그래프 탐색 이론 2트함수를 작성하는 것도 아직은 모르겠다. 일단 그래프 탐색 이론에서 꼭 들어가는거1. 방문 기록 리스트2. 방문 예정 리스트 from collections import dequen, m = map(int, input().split())n_dict = {i+1:[] for i in range(n)}# 입력받은 값 저장하는 용도for i in range(m): u, v = map(int, input().split()) n_dict[u].append(v) n_dict[v].append(u)# 방문했는지 안했는지의 여부 T/Fvisited = [False for i in range(n+1)]# 연결이 끊기면(?) 카운트cnt = 0# 정점 한 번씩 가기for i in ra..

백준 2024.07.10

백준 19941번: 햄버거 분배 (파이썬)

햄버거를 선택할 수 있는 거리만큼 리스트를 잘라서 비교하면 되지 않나 생각했던 문제막혔던 부분은 첫번째 자리에서 앞뒤로 리스트를 빼올때 마이너스를 어떻게 처리하냐였다.# N = 사람, K = 먹을 수 있는 거리N, K = map(int, input().split())str = list(input())for i in range(len(str)): # 사람이 나왔을 때만 리스트 탐색 if str[i] == 'P': # 음수가 나올 경우를 대비 start = max(0, i - K) # 인덱스를 넘어갈 경우를 대비 end = min(len(str), i + K + 1) for j in range(start, end): if str[j] == 'H': ..

백준 2024.07.03

백준 16948번: 데스 나이트 (파이썬)

항상 그래프 탐색 이론 해야지만 하고 넘어가다가 결국 랜덤 문제에서 마주침나 혼자 다 풀었다고 할 수는 없지만 원래 시작이 반이니가 반만 내가 더 하면 그래프 이론 할 수 있겠지 머 from collections import dequedef bfs(r1, c1): # 방문할 위치 q q = deque([(r1,c1)]) # 방문한 위치에 언제 방문했는지 visited[r1][c1] = 0 while q: r, c = q.popleft() # 나이트가 갈 수 있는 방향 for rr, cc in [(-2,-1),(-2,1),(0,-2),(0,2),(2,-1),(2,1)]: # 현재 위치에서 이동했을 때 위치 nr, nc = r+rr, c+cc # 체..

백준 2024.06.26