useReducer 이해하기 useReducer는 useState와 같은 상태 관리, 상태 업데이트 훅이다 변경할 값이 많을 때 즉 상태 관리할 데이터가 많을경우 유용하게 사용할 수 있다 useReducer와 useState의 차이를 알기위해선 아래 코드를 확인해보자 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 1...

React 네이밍 규칙 팀 프로젝트의 경우 네이밍 규칙을 따라 개발된 코드로 작업할 경우 직관적인 코드 이해와 빠른 전달력으로 작업 효율을 늘릴 수 있다. 프로그래밍 네이밍 규칙법 카멜(camelCase)표기법 : 소문자로 시작하고 대문자로 시작하는 모든 후속 단어 파스칼(PascalCase)표기법 : 모든 단어는 대문자로 시...

과정 여러대의 PC가 존재하고 모든 PC는 하나의 레포지스터리를 바라보고 업데이트를 한다고 과정한다 방법 ** PC에 Git 설치하는 방법과 레포지스터리 생성 방법은 생략 ** Step01. 맨 처음 업로드하는 pc작업 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 # gi...

결과물 파일 구성 components 폴더 생성 components/Controller.js, viewers.js 파일 생성 코드 작성 App.js App.js 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33...

결과물 파일 구성 components 폴더 생성 components/Controller.js, viewers.js 파일 생성 코드 작성 App.js App.js 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 import "./styles.css"; import Vi...

React Props와 구조분해 리액트에서는 부모가 자식 컴포넌트에 단인 객체 형태로 값을 전달할 수 있다. 이 객체를 리액트에서는 Props(Properties)라고 하며 Props는 Properties의 줄임말이다. Props를 사용해보기 Props를 사용하기전에 먼저 CRA를 사용하여 기본 프로젝트를 생성 후 필요없는 부분은 삭...

React Hook의 개념 Hook은 리액트 v16.8에 새로 도입된 기능으로서 함수형 컴포넌트에서도 상태 관리를 할 수 있는 useState 그리고 렌더링 직후 작업을 설정하는 useEffect 등의 기능들을 제공한다 useState 가장 기본적인 Hook으로서 상태를 관리하기 위해 사용되는 Hook이다 함수형 컴포넌트 안...

Git블로그를 사용하기 위해서 필요한것들 ruby ruby의 jekyll ruby의 bundle nodejs jekyll 스킨 github 설치 [Step01] ruby 설치 Jekyll은 루비로 만들어졌다 블로깅 때문에 루비를 설치해야하는 것이 조금 부담일 수도 있지만, 설치해서 사용하면 더 다양한 기능을 사용할 수 ...

API란 Application Programming Interface(애플리케이션 프로그램 인터페이스)의 약자로, 소프트웨어 응용 프로그램에서 다른 소프트웨어 구성 요소 또는 서비스와 상호 작용하기 위한 인터페이스를 제공하는 프로그래밍 기술이다 EX) 약국에 두통약을 사러갔다고 과정했을때 우리는 약사에게 어떤 약을 달라고 요청을하게되고 약...

Prittier prittier은 vscode 확장 패키지 프로그램으로 코드를 자동으로 정렬해주는 기능을 제공한다 Prittier 설치 1. vscode extenstion 확장 탭에서 Prettier 검색 후 설치를 한다 2. 환경설정에서 prettier로 변경 ctrl+, 또는 메뉴의 환경설정을 찾아 들어간후 아래와 같이 Defau...