in_joy

CRA 중단? recoil 중단?

2월 13일 자로 기존에 구상하던 프로젝트를 진행하기로 하였다 프론트 부분 개발을 맡아 팀원들과 소통하며 만드는 첫 번째 프로젝트다그런데 처음 시작부터 고민할 게 한가득이다 기존에 내가 알고 있는 리액트 프로젝트 생성 방식은 create-react-app이다내가 알고있는 방법은 그것뿐이기에 CRA로 프로젝트를 생성하고 테일윈드 프레임워크를 적용하려고 하니 처음 보는 에러와 마주쳤다. 찾아보니 테일윈드 버전 4와 CRA 버전 5는 호환이 안 되는 것 같다고 한다 너무 최신 업데이트라 호환이 안되는건가라고 생각했는데CRA 지원이 중단되었다는 걸 보았다 이젠 next로 리액트 앱을 생성하거나 Vite를 사용하라고 하는데 난생 초면이다 next는 리액트의 프레임워크라고 들었는데 난 리액트도 못하는데 next를 ..

아마 지난번 ps 파일과 비슷한 오류가 아닌가 싶다 gpt의 답변 코드 그대로 파워쉘에서 실행했더니 정상 작동됨!Set-ExecutionPolicy RemoteSigned -Scope CurrentUser

git add .수정된 모든 파일 스테이징에 한 번에 올리기 . 대신에 파일을 하나씩 올려 커밋할 수 있는듯? git commit -m "커밋 메세지(수정/업데이트 내용)"  git push origin(원격저장소 이름) main(브랜치 이름)origin이나 main은 변경이 가능하다  # 만약 저장할 원격 저장소가 여러 곳이라면git push --all   - 원격 저장소 변경더보기# 원격 저장소 이름 변경git remote rename   # 원격 저장소 삭제git remote remove  # 원격 저장소 추가git remote add   - 브랜치 변경더보기# 새 브랜치 생성 git branch 새브랜치이름 # 새 브랜치로 이동 git checkout 새브랜치이름

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

1) 기본 class형  2) function형  3) Arrow function

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

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

자료구조를 활용하는 문제파이썬에는 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로 나눈 ..

소가 도착하고 입장하기까지 걸리는 시간을 출력하는 비교적(?) 간단한 문제도착한 시간에 다른 검사를 하고 있다면 더 기다려야하는 문제만 해결해주면 됐다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