우당탕탕 아장아장

Git 오류 기록 cannot lock ref 'refs/remotes/origin' 왜 맨날 cannot이라고 할까 긍정적으로 살아줘 제발 🤯 문제 누군가의 브랜치와의 문제가 생겼다..! 🥳 해결 방법! $ git push --force 너무나 오래 머지를 하지 않아서 생긴 오류일수도 브랜치끼리 꼬여서 생긴 문제.. 그냥 푸쉬해버리자~~ 에헤라디야!

React 오류 기록 npm start와 yarn start가 안될 때 ➡ npm start 오류 내용 npm ERR! Missing script: "start" npm ERR! npm ERR! Did you mean one of these? npm ERR! npm star # Mark your favorite packages npm ERR! npm stars # View packages marked as favorites npm ERR! npm ERR! To see a list of scripts, run: npm ERR! npm run npm ERR! A complete log of this run can be found in: npm ERR! C:\Users\admin\AppData\Local\np..

React 오류 기록 Module not found: Error: Can't resolve 파일을 옮기다 생긴 문제들 작업하던 공간과 팀프로젝트를 하는 공간이 달라서 그대로 복붙을 했다고 생각했지만,,, 어제는 18개 ➡ 5개 export 문제는 파일명이 달랐음.. 해결 하나씩 해결해 나가보자.. 습습 후후 styled-component 설치하기 (1) npm 설치 명령어 npm install styled-components (2) Yarn 설치 명령어 yarn add styled-components 스타일드컴포넌트를 분명 설치했는데, pull 당겨오니 사라져버렸다!ㅜㅜㅜㅜ 오류 4개 ➡ 7개.. 하나만 남은것도 해결을 했는데, 화면에 안뜬다ㅠ_ㅠ 그냥 새롭게 하는것도 방법인듯 해서... 고민을 조금 더..

유쾌하지 못한 오류 기록 🤯문제 : 'react-scripts'은(는) 내부 또는 외부 명령, 실행할 수 있는 프로그램, 또는 배치 파일이 아닙니다. 깃에서 풀을 당겨온 후, npm start를 하려고 하니, 저런 멘트가 떴다. 🥳 해결방법 yarn add global react-scripts npm install -g react-scripts 평소에 npm을 이용하지만, 저렇게 npm으로 문제가 생기면 yarn으로 해결 중.. (아무것도 모르는 사람) 아직까지는 yatn으로 해결했을 때, 문제가 없었다!

was not found in '경로' 이거 뜻 경로에서 찾을수 없습니다 아닌가?? 저 경로에 있잖아! 왜저래! 같은 폴더 안에 차곡차곡 잘 있으면서 거짓말치지마,,, react-jsx-dev-runtime.development.js:87 Warning: React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: undefined. You likely forgot to export your component from the file it's defined in, or you might have mixed up default and n..

React를 사용한 첫 팀 프로젝트 작업 기간 2022.12.16 ~ 2023.01.26 (5주 + a) 기술 스택 - HTMl / CSS - React - SASS 플로우 차트 만들기 피그마를 이용한 개인이 맡은 부분 플로우차트 만들기 그리고 전체 연결하기! 컴포넌트 기능 단위로 구분하기 이걸 통해 페이지단위, 컴포넌트 단위, 기능 단위로 구분을 해서 좋았지만 하다보면 그대로 따라가긴 어려울 것 같기도..😂 차트 활용을 위한 Chart.js 사용해보기 ⬆⬆⬆

React에서 Chart.js 사용하는 방법 헤매지 않기 위한 기록 1. 리액트에서 Chart.js를 사용하려면 우선 두개가 필요 npm install chart.js npm install react-chartjs-2 chart.js 나는 쪼랩이니까 그냥 터미널에 두개 입력해서 설치 컴포넌트는 이렇게 준비 그리고 App.js에 연결함 ➡ Chart.js import styled from 'styled-components'; import { Line } from 'react-chartjs-2'; const Chart = () => { return ( ); }; export default Chart; const Container = styled.div` width: 90vw; max-width: 900px;..

9주차 수요일 1. TypeScript 2. TypeScript 함수 Type이 필요한 이유 - 개발자는 age 변수에 숫자 값이 저장되길 원함 - 사용자는 age 변수에 숫자 값이 저장되는지 모름 - 숫자 값을 저장하는 변수에 문자열을 저장함 특징 - 변수 값에 데이터 타입 지정 가능(예측 가능, 디버깅 편리) - 객체지향 프로그래밍 가능(클래스 기능 제공) 동작 과정 기존에는 별도의 변환 과정 필요❌ 타입스크립트는 자바스크립트로 변환을 시켜줘야함 *컴파일 : 특정 언어의 코드를 다른 언어로 바꿔주는 과정 TypeScript 문법 유형 자바스크립트 타입 타입스크립트 타입 숫자 타입 Number number 불리언 타입 Boolean boolean 문자열 타입 String string 객체 타입 Obje..

9주차 월요일 15. 네트워크 통신 동기와 비동기 - 동기 방식(synchronous) : 요청을 보낸 후 응답을 받아야 다음 동작을 실행할 수 있는 방식 - 비동기 방식(Asynchronous) : 요청을 보낸 후 응답을 받기 전에 다음 작업을 먼저 실행하는 방식 ex) fetch함수, useState import React from "react"; const Async = () => { console.log("1. 안녕하세요"); setTimeout(() => console.log("2. 반가워요"), 3000); console.log("3. 안녕히계세요"); return ; }; export default Async; async와 await - async : 함수 선언부에 async 키워드 작성 -..

뚝딱 만들 수 있는 그 날을 위해 재도전! 이번 컨셉은 .... 흑회백! 여백의 미..? 왜 화면에 안나오니 왜😩😩😩😩 거짓말.. 나한테 왜그래.. App.js에서 괄호를 다른 함수위에 닫음..... 내가 넣어놓은 값까지는 보임! 추가와 삭제까지..! 으아아아 두번째를 했지만,, 아직 내께 아니다.. 느낌이 아닌 확신.. 가계부는 언제쯤..