개발/Today I Learned

[TIL] GIT :: 로컬 프로젝트 깃허브에 올리기 & 기본 브랜치 master에서 main으로 변경

1. 깃허브에서 레포지토리를 미리 생성하고 레포지토리 주소를 미리 복사해둔다. 2. 깃허브에 업로드할 프로젝트 폴더 우클릭 → Git Bash Here 클릭 3. 명령어 실행 $ git init $ git status $ git add . $ git add [파일명/폴더명]// 로컬 저장소에 특정 파일/폴더 업로드 할 때 $ git commit -m "[커밋 메시지]" $ git remote add origin [복사한 레포지토리 주소] $ git remote -v// 로컬 저장소가 원격 저장소로 연결 $ git branch -M main// 브랜치를 master에서 main으로 변경 (branch 에러나서 실행) $ git push origin main// 아까 커밋한 파일들 원격저장소에 업로드 4. ..

[TIL] [eslint] Plugin "react" was conflicted between "package.json » eslint-config-react-app

리액트 과제하는데 자꾸 이런 에러가 떴다. [eslint] Plugin "react" was conflicted between "package.json » eslint-config-react-app 영구적인 해결방법을 찾지 못해서 임시방편으로 알아 낸 해결 방법이다. package.json창을 띄우고 ctrl+s를 눌러서 저장해주고 다시 창으로 돌아가면 아까 뜨던 에러메시지가 사라진다. 근데 다시 파일들 수정하느라 건들이면 또 에러메시지가 뜸.. 수정 할 때마다 계속 package.json을 저장해주어야 한다...

[TIL] 라이프 사이클 :: React의 생명 주기 (Life Cycle)

부모 컴포넌트 A와 자식 컴포넌트 B가 있습니다. 컴포넌트 A는 state로 {name: "르탄이"}를 가지고 있고, 자식인 컴포넌트 B에게 name 값을 넘겨주었습니다. 컴포넌트 B는 받아온 name을 화면에 뿌려주고 있습니다. 컴포넌트 A의 state가 {name: "진도사우르스"}로 바뀌었을 때, 어떤 과정을 거쳐 바뀐 값을 화면에 보여주는 지 라이프 사이클 흐름을 그려볼까요? 라이프 사이클 (Life Cycle)이란? 리액트는 컴포넌트 기반의 view를 중심으로 한 라이브러리이다. 그러다보니 각각의 컴포넌트에는 라이프 사이클 즉, 컴포넌트의 생명주기가 존재한다. 컴포넌트의 수명은 보통 페이지에서 렌더링되기 전인 준비 과정에서 시작하며 페이지에서 사라질 때 끝이난다. Mount(탄생) ⇒ Updat..

[TIL] Javascript 배열과 유사배열

자바스크립트에서 유사배열과 배열의 차이는 무엇일까? 유사배열의 각 요소를 수정하고 싶다면 어떤 과정을 거쳐야할까? 배열(Array)이란? 배열은 참조 자료형 데이터 타입으로 한개의 변수에 여러 개의 값을 순차적으로 저장할 때 사용한다. var arr = [ 1, '2', ture ]; var arr1 = [ undefined, null, false, NaN, 1000 ]; 배열의 값은 어떤 값이라도 배열의 요소로 추가할 수 있으며 종류가 다른 값들도 함께 담을 수 있다. [1, 2, 3, 4, 5]라는 배열이 있을 때 배열은 순서가 있는 값을 의미하며 배열에 들어있는 값을 요소(element)라고 한다. 배열의 순서는 인덱스(index)라고 하고 배열의 순서는 0부터 시작된다. 0번째 index , 1번..