잿꽃's posting Garden

내가 보려고 만드는 오류리스트 error: src refspec main does not match any 또 오류가 발생했다. 전에 했던 프로젝트에 주석을 달고 git push를 했으나 오류가 났다. git사이트 환경에서 확인해보니 master와 main이 두 개 있었는데 master에 체크되어 있으면 master에서 master로 맞게 간 게 아닌가 싶지만... 요청이 거부되었다. 힌트를 보니 먼저 원격 변경 사항을 통합할 필요가 있어보입니다. master에서 main으로 default값을 바꾸었다. push전 git pull을 먼저 진행하면 된다고 한다. git pull origin main git add -A git commit -m "comments of cording" git push orig..

REACT styled-components의 'ThemeProvider'를 이용한 darkmode만들어 보겠습니다. [기초단계] 1. styled-components를 이용할 것이므로 설치한다. 터미널에서 yarn을 이용해 설치한다. yarn add styled-components 2. scr폴더 내에 Components파일 1개와 css 객체를 담당할 일반 js파일을 만든다. 3. Components파일 내에 rsc + tab, enter를 하여 함수형 컴포넌트를 만는다. 4. app.js에 만든 Components를 연결한다. import React from 'react'; import Darkmode from './Darkmode'; const App = () => { return ( ); }; e..

REACT useContext를 이용하여 props을 전역 변수로 만들어서 darkmode를 만들어보자 [기초단계] 1. styled-components를 이용할 것이므로 설치한다. 터미널에서 yarn을 이용하여 설치한다. yarn add styled-components 2. src폴더 내에 Components 폴더를 만들어서 세가지 js를 만든다. 3. 각각의 Components파일 내에 rsc + tab, enter를 누르면 함수형 컴포넌트가 만들어진다. 4. app.js에 세가지 Components를 연결한다. 5. 터미널에서 'yarn start'해서 확인 [실행단계] 1. 각각의 컴포넌트에 내용작성하고 styled-components로 꾸며준다. 시멘틱태그 사용할 경우 : const 변수이름 =..

REACT HOOK의 용도를 정리했습니다. 아직 현장에서 일을 안해보니 정확한 용도를 알기가 어려워서 간단하게 각각의 HOOK들이 무슨 역할을 하는지 정리해보도록 하였다. (역할이 뭔지도 제대로 파악도 못했는데 하루에 hook을 1~2개씩 익히려니 자꾸 까먹는다...) useState() [설명] 데이터 값이 자주 변경되는 곳에 상태 관리를 할 수 있도록 한다. 컴포넌트에서 관리하는 상태값이 적거나 단순한 숫자나 문자열의 경우 사용하는 것이 좋음 값이 바뀔 때마다 렌더링을 한다. [기초문법] const [초기변수, 초기변수를 변화시킬 함수] = useState(초기값); 초기변수 = 초기값 useEffect() [설명] (조건에 해당하는 부분이)렌더링 될 때마다 특정 작업을 실행시킨다. [기초문법] us..

내가 보려고 만드는 git 오류 리스트 Git 오류 : failed to push some refs to '',Updates were rejected because the remote contains work that you do ! [rejected] main -> main (fetch first) error: failed to push some refs to 'https://github.com/ssoa1111/portfolio.git' hint: Updates were rejected because the remote contains work that you do hint: not have locally. This is usually caused by another repository pushing ..

REACT 'ToDoList'를 만들기 위한 기초 연습 기존의 리스트가 주어지고 input상자에 내용을 입력해서 추가를 누르면 해당 내용이 리스트에 추가되는 작업을 연습해 보려고 한다. 연습을 하기 전에 어떤 순서도를 가지고 해야 할까? 1. 기존의 데이터가 주어지고 나타내 진다. 2. input상자에 입력한 값을 인지한다. 3. 버튼을 누르면 이벤트를 통해 인지한 값을 기존 데이터에 추가한다. 4. 추가된 데이터를 나타낸다. 1번의 기존 데이터가 추가에 따라 내용이 계속 수정될 예정이므로 useState를 써야 할 것이다. 기존의 데이터를 보기 위해서 map함수를 이용하여 태그 안으로 return할 것이다. 2번에서는 입력된 값을 인지해야 하므로 onChange이벤트가 필요하다. 3번에서는 버튼을 누르..

REACT Component 정리 [기본셋팅] src내에 문서 또는 파일을 만든다. 파일 이름은 대문자로 하고 파일 내에서 rsc를 작성하고 tab을 누르면 함수형 컴포넌트를 만들수 있다. app.js에서 위의 파일을 import하고 return안 프레그먼트에 해당 컴포넌트를 작성한다. app.js //////////////////app.js/////////////////////// import React, { Component } from 'react'; //새로 만든 컴포넌트를 import import ComponentsTest1 from './ComponentsTest1'; const app = () => { return ( //작성하고 내부에 만든 컴포넌트 작성 ); } export default..

내가 보려고 만드는 GIT 오류 리스트 fatal : '$git_dir' too big react로 작성한 파일을 GIT에 올리는데 문제가 생겼다. error Command failed with exid code 1. 이 부분만 아무생각 없이 검색해봤는데 사실 문제는 이거였다. "fatal : '$git_dir' too big" 뜻 : 생성된 파일의 이름이 너무 깁니다. 하지만 내 파일 이름은 영문으로 고작 8문자였다. 해결 1. 파일 이름의 길이를 줄인다. 2. 이 파일의 경로인 폴더의 이름을 줄인다. 1번이 해당되지 않아서 혹시나 하여 폴더 이름을 줄이니 성공했다^^ 추가적으로 경로가 너무 긴 것 같아서 거치는 경로도 정리하면서 줄였다. (진땀뺐다......ㅎ휴)