본문 바로가기

전체 글226

[React] useState 사용법 https://ossam5.tistory.com/103 [React] 10강 useState()함수를 이용한 값관리 - OSSAM강좌1. useState( ) - 클래스 컴포넌트는 state를 바로 사용가능했었습니다. - 이 내용은 과거 제 포스트를 보시면 확인하실 수 있습니다. https://ossam5.tistory.com/98 [React] 6강 props와 state - OSSAM강좌 1. props 1) 정ossam5.tistory.com 2022. 11. 14.
[React] List 생성 https://blog.sonim1.com/183 [React] 8. React에서의 List 생성List & Key목록을 View에서 표현할 때 주로 List를 사용합니다.Foreach나 For를 사용해서 Element를 만들어 주는게 보통인데 과연 React에서는 어떤식으로 사용을 할까요?React에 대해서 알아보기 전!우선 자blog.sonim1.com 2022. 11. 14.
[React] 애니메이션 관련 https://velog.io/@kirin/shop-project-React-%EC%95%A0%EB%8B%88%EB%A9%94%EC%9D%B4%EC%85%98 [shop-project] React 애니메이션🌈 react-transition-group 리액트 애니메이션 라이브러리의 일종이다. 컴포넌트 등장/업데이트 시 transition을 쉽게 줄 수 있는 라이브러리 이다. > 🍎 animation 라이브러리 설치 방법 > 1) 라이브러리 설velog.iohttps://velog.io/@hinyc/React-%EC%B2%9C%EC%B2%9C%ED%9E%88-%EC%82%AC%EB%9D%BC%EC%A7%80%EB%8A%94-%EB%AA%A8%EB%8B%AC%EC%B0%BD-feat.-setTimeout [R.. 2022. 11. 14.
[React] progress-bar https://kyounghwan01.github.io/blog/React/react-native/progress-bar/#%E1%84%8F%E1%85%A9%E1%84%83%E1%85%B3 react-native animated numbers 만들기, 애니메이션, number, count, react, Animatedreact-native animated numbers 만들기, 애니메이션, number, count, react, Animatedkyounghwan01.github.iohttps://duckgugong.tistory.com/210--> 큐비 사용 했던거 progress bar 만들기React에서 transition 을 사용해서 progress bar 만들기 리액트 요소를 클릭했을 때, sta.. 2022. 11. 14.
[React] 함수형 컴포넌트에서 데이터 전달 (props) https://songzzi.github.io/2021/11/21/react-2/[React] 함수형 컴포넌트에서 데이터 전달props란? 상위(부모) 컴포넌트가 하위(자식) 컴포넌트에게 데이터를 넘겨줄 때 사용한다. 하위 컴포넌트는 전달받은 props를 변경할 수 없다.songzzi.github.iohttps://han-py.tistory.com/428 [React] 데이터 받아와서 보여주기더미데이터를 fetch로 받아와서 화면에 보여주는 실습을 해보자. 데이터는 상위 컴포넌트에서 받는다. 그리고 받은 데이터를 prop로 내려준다. 이 때 반복되는 부분을 컴포넌트로 쪼개서 화면을 han-py.tistory.comhttps://goforit.tistory.com/132 20210610 React09 : .. 2022. 11. 14.
[Git] 배포 참고 자료들 https://velog.io/@whdms3368/React-git-push-부터-배포까지-정리 React : git push 부터 배포까지 정리 리액트 프로젝트 설치npx create-react-app 프로젝트 명cd 프로젝트 명npm startgit 에 프로젝트 push하기순서대로 진행하기git init 👉 내 git 내부에 Repository 생성!👉 해당 이미지처럼 Repository 내부에 들어 velog.io 깃허브로 배포&호스팅 https://www.hohyeonmoon.com/blog/react-js-github-pages-deploy/ React JS를 Github Pages에 호스팅하기 | Hohyeon Moon Hohyeon Moon iOS engineer. Code for a hap.. 2022. 11. 14.
[Git] 깃 기본 브랜치 변경하기 깃허브의 디폴트 브랜치 변경하기 현재 default 브랜치는 Master로 지정되어 있다. setting 으로 들어가 Branches를 찾는다. 스위치 모양을 클릭하면 default를 선택할 수 있다. 끝! 2022. 11. 14.
[BAEKJOON] No.12871 C언어 무한문자열 간만에 문제 풀었더니 c언어도 잘 모르겠어서 상당히 곤란하다 ㅎㅎ;; 뭘로 입력받을지도 기억안남ㅋㅋㅋㅋㅋㅎ0ㅎ,, 12871번: 무한 문자열 첫째 줄에 s, 둘째 줄에 t가 주어진다. 두 문자열 s와 t의 길이는 50보다 작거나 같은 자연수이고, 알파벳 소문자로만 이루어져 있다. www.acmicpc.net 최소공배수만큼 문자열이 같으면 무한반복해도 같다. 최소공배수를 구하려면 최대공약수가 필요하기 때문에 같이구해줬다. 본인은 계속 오버플로우가 나서 초기화때문인가 싶어서 {0,} 다 넣어줬는데 아니었음.... sroof, troof의 크기가 너무 작아서 오버플로우가 생겼다 #include #include int GCD(int a, int b){ //최대공약수 return (a%b==0?b:GC.. 2022. 10. 20.
[React] 이미지를 배열로 저장하고 불러오기(Map) 이미지를 배열로 저장하고싶은데 웹에 대해 배운 적도 없고 map을 사용하는 방법도 서툴러서 검색을 열심히 해봐도 어려웠다. 단순히 이미지 배열 쓰는 방법을 검색하니 아래 블로그와 같이 로컬 이미지 파일이 아니라 http형식으로 시작하는 url을 가져다가 사용하는 것이 대부분으로 올라와있는데, 저 방식으로 로컬 이미지를 불러오면 엑스박스가 떠서 여간 골칫거리가 아니었다. 하나하나 붙여넣을수도 없고,,, https://velog.io/@pock11/React%EC%97%90%EC%84%9C-map-%EC%93%B0%EA%B8%B0 React에서 map 쓰기 Map 메서드는 배열 내의 모든 요소 각각에 대하여 주어진 함수를 호출한 결과를 모아 새로운 배열을 반환합니다.map() 괄호 안에 함수를 넣어 사용할 .. 2022. 9. 22.

티스토리툴바