본문 바로가기
반응형

분류 전체보기105

[React] State 활용 방법 React에서는 데이터를 저장하는 방법이 2가지가 있다. 첫 번째는 변수에 넣는 것이고, 두 번째 방법은 state에 넣는 것이다. State를 사용하는 이유는 데이터가 수정될 때 새로고침을 하지 않아도 자동으로 재렌더링 되기 때문에 사용한다. 활용 방법 import React, { useState } from 'react'; function App() { let [a, b] = useState('banana');// ES6 destructuring---- (1) let [count, countUp] = useState(0);//---- (2) return ( {a} { countUp(count + 1)}}> count: {count} ) } (1) useState('banana')라고 선언하게 되면, .. 2021. 10. 24.
[Git] 기존 Repository 무시하고 새로운 Project로 덮어쓰기 (+ branch 변경하기) React 프로젝트를 하고 있는데 여러가지 프레임워크 설치과정에서 계속 오류가 나서 계속 프로젝트를 다시 깔았다 ^^;; 이번엔 Tailwindcss를 깔다가 여기 저기 얽힌거같아,, 내용도 없겠다 다시 새로운 마음으로 시작하자라고 생각하고 다시 생성했다. (힘내자) 그래서... 또 git hub랑 연결해야하는데.. 새로운 프로젝트랑 기존꺼랑 연결하면 pull먼저 해야하니 강제로 무시하는 방법을 찾아봤다. // 1. git 초기화 git init // 2. repository 연결 git remote add origin 주소 // 3. 기존 repo 있는 내용 받기 git pull origin master // 4. Add 및 commit git add . git commit -m "내용" // 5. P.. 2021. 10. 9.
[React] 유용한 사이트 모음 잘 활용하기도 장점 처음으로 react로 사이트를 만들려고 하니 욕심이 나서, 처음부터 끝까지 내가 다 직접 만들어봐야겠다란 생각을 했었다. 하지만 react는 커녕 홈페이지 만드는 것도 익숙하지 않은 내가 그렇게 도전을 한다면 꽤 긴 시간이 걸릴 것 같았다. 그래서 유용한 도구들을 활용해서 쓰고자 이렇게 정리했다. Framer Motion https://www.framer.com/motion/ Production-Ready Animation Library for React | Framer Motion Framer Motion is a production-ready React animation and gesture library. www.framer.com 각종 다양한 motion들을 쉽게 테스트 해보고.. 2021. 10. 7.
[React로 블로그 만들기] 0. 블로그 레이아웃 정하기 미루고 미루던 블로그를 드디어 만들어 보려고한다. 사용언어는 주로 React를 이용할 것이다. 만약, DB기능과 백엔드를 덧붙이게 된다면 DB는 MongoDB, 백엔드는 Node.js를 쓸 예정이다. React를 이용해 블로그를 만드는 시행착오를 겪고 React를 잘 활용할 수 있을 정도로 실력을 키우려한다. 레이아웃 크게 총 4가지 카테고리로 구성하려고 한다. [첫 번째 페이지] 첫 번째 페이지는 Home 화면이다. 내 사진, 내 소개글, 내가 가능한 기능 stack들을 나타낼 예정이다. [두 번째 페이지] 두 번째 페이지는 Profile 화면이다. 나의 경력, 학력, 자격증을 나타낼 예정이다. [세 번째 페이지] 세 번째 페이지는 내가 했던 프로젝트들을 보여주는 화면이다. 개인적으로 가장 공을 들이고.. 2021. 9. 27.
[알고리즘] 완전탐색 알고리즘 종류 및 공부법 완전탐색 알고리즘이란모든 경우의 수를 고려하는 탐색 기법 완전탐색 알고리즘 종류1. Brute-Force가장 노가다적인 방법으로 for와 if문을 통해 모든 case를 만들어 답을 구현하는 형태이다. 코테에서는 나오지 않는다.2. Bitmaskbit 연산을 통해 계산하는 방법이다.3. 재귀 함수자기 자신을 호출하는 방법이다. 4. 순열임의의 수열이 주어졌을때, 그것을 다른 순서로 연산하는 방법이다. 5. BFS / DFSBFS - 너비 우선 탐색 / DFS - 깊이 우선 탐색 2021. 9. 15.
[React&Node] React, Node 연동 및 동시에 실행하기 React와 Node 연동하기 React와 Node 연동하기 위해 다음 블로그 글을 참고했다. 여러 블로그글을 봤지만 해당 블로그가 제일 간단하고 쉽게 되어있기때문에 그대로 링크를 첨부했다. https://hello-bryan.tistory.com/121 React + express 연동설정. 처음부터 따라하기 React, Express 연동하여 사용하기 일단 react app 을 하나 생성합니다. 이름은 cs-test cmd 로 프로젝트를 생성할 폴더로 가서 npx create-react-app cs-test # 설치 다되면 # 폴더로 이동해서 cd cs-test #npm.. hello-bryan.tistory.com React와 Node 동시에 실행하기 위 블로그를 따라서 React와 Node를 쉽게.. 2021. 9. 9.

티스토리툴바