전체 글 검색 결과

해당 글 234건

[Legacy][React] state, setState, useState 란 무엇일까?

[React] state, setState, useState 란? React의 핵심 중 1개인 state, setState, useState에 대해서 알아보도록 하자. state state란 무엇일까? 사실 state만 제대로 이해하고 사용할 수 있다고 하면 react의 반은 이해했다고 할 수 있을 것 같다. 그냥 간단하게 생각하면 state는 변수이다. 그렇다면 이런 생각이 문득든다. const, let, (var)가 있는데 뭐하러 state라는 변수를 사용하지? 무슨 차이점이 있지? 라는 궁금증이 생길 것이다. state는 일반 변수와 다르게 값이 변하게 되면 렌더링이 일어난다. 즉, 값이 변하게 되면 연관있는 컴포넌트들이 다시 렌더링이되어 화면이 바뀌게 된다. state와 함께 사용되는 함수는 se..
기타 (+ Legacy)/Legacy 2021. 3. 25. 06:43

[Git] Branch 삭제, 원격 branch 삭제

Git branch 삭제, 원격 branch 삭제 이전 게시글 [Git] Branch 생성, Branch 원격 저장소 푸쉬에서는 git branch를 생성, 생성 후 원격에 push 하는 방법을 알아보았다. 이번 게시글에서는 branch를 삭제하는 방법을 알아보자. 만약 hotfix branch를 생성한 후 버그를 수정하고 master, 개발, 운영 branch에 모두 반영을 했다고 하자. 그럼 hotfix branch가 남아 있는 것은 자원 낭비이다. 해당 bracnh를 삭제 해줄 필요가 있다. 삭제하는 방법을 알아보자. 원격 branch 삭제하는 방법 명령어 : git push origin —-delete "브랜치 명" 원격 branch를 삭제하는 방법은 위 명령어 1줄로 간단하게 처리할 수 있다. ..
공유/Git, Github 2021. 3. 24. 06:56

[Legacy][React] CRA를 이용하여 프로젝트 생성 및 정리

[React] CRA를 이용하여 프로젝트 생성 및 정리 해당 게시글에서는 CRA(create-react-app)을 이용하여 React 프로젝트를 생성하는 방법을 알아보자. React 프로젝트를 생성하는 방법은 크게 2가지 방법이 있다고 볼 수 있다. 첫번째는 프로젝트에서 사용할 webpack, gulp 등 설정을 내가 원하는 것만 추가하여 프로젝트를 생성하는 방법이 있다. 두번째는 CRA(create-react-app)을 이용하여 간단하게 프로젝트를 생성할 수 있는 방법이 있다. 기본 셋팅 - npx 설치하기 우선 npx를 설치하여야 한다. yarn or npm으로 설치할 수 있고 사용하고 있는 것으로 간단하게 설치하면 된다. 아래 설치 명령어를 참고해보자. yarn 명령어 : yarn global ad..
기타 (+ Legacy)/Legacy 2021. 3. 23. 09:09

[공주찾기] 공휴일 찾기, 주소 찾기 리팩토링 및 후기

[React] 공휴일 찾기, 주소 찾기 리팩토링 및 후기 전반적인 리팩토링을 진행해보았다. 크게 진행하지는 않았고 그냥 간단한 css, 환경변수 처리정도 하였다. 모든 페이지 공통 리팩토링 useCallback 함수를 사용하여서, 컴포넌트 내에서 사용되는 함수들을 최적화 시켜주었다. 그리고 API KEY들은 전부 환경변수로 빼서 사용하였다. App.js - 메인 페이지 App.js 파일은 딱히 수정한 것이 없다. 그냥 눈에 띄는 것은 63 ~ 68번 줄을 추가하여 tab css를 조금 변경한 정도가 있다. FindHoliday.js - 공휴일 찾기 페이지 공휴일 찾기의 경우 3월을 검색하고 싶으면 03으로 2자리 수를 채워주어야 했다. 따라서 49번째 줄에 1자리 문자열인 경우 2자리로 만들어 주는 함수..
연습 프로젝트/공주찾기 (공휴일, 주소찾기) 2021. 3. 22. 07:30

[Git] Branch 생성, Branch 원격 저장소 푸쉬

Git branch 생성 후 원격 저장소에 푸쉬 버전 관리를 하다보면 git branch를 생성하여 관리하는 것은 필수적이다. 예를들면, 현재 운영중인 branch, 개발중인 branch, 배포 전 QA 진행하는 branch, hotfix 수정하는 branch 등 여러 branch를 생성할 수 있다. 이번 게시글에서는 branch를 생성하고 추가적으로 원격 저장소까지 푸쉬하는 방법을 확인해보자. git branch 생성 간단하게 생각나는 branch 생성하는 방법은 2가지가 있다. 1. 명령어 : git branch "브랜치 명" -> branch 생성 후 현재 branch 유지 2. 명령어 : git checkout -b "브랜치 명" -> branch 생성 후 생성된 branch로 이동 필자는 2번 ..
공유/Git, Github 2021. 3. 21. 17:50