본문 바로가기

PROGRAMMING CODE221

[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.
[React] 리액트 프로젝트 핸드폰에서 실행하는 방법(Mac) 리액트 프로젝트를 다른 기기에서 실행시키려면 1. 네트워크 주소 확인 2. 같은 네트워크(와이파이, 핫스팟 등)에 연결 3. 프로젝트의 포트 확인 후 주소 형식 만들기 다음과 같은 순서로 진행해야한다. 1. 네트워크 주소 확인 mac환경은시스템 환경 설정의 네트워크에 들어가서 연결됨 아래의 172.20.10.2 부분을 확인해준다. *윈도우는 cmd로 확인* 2. 같은 네트워크에 연결 연결 할 기기(아이패드, 핸드폰 등)가 나의 컴퓨터와 같은 와이파이, 핫스팟 등에 연결되어 있는지 확인해준다. 3. 프로젝트의 포트 확인 후 주소 형식 만들기 리액트 프로젝트를 npm start 해서 주소창 부분을 확인한다. 3000포트로 실행되어 있다. (다른 포트여도 상관 없음) 요 숫자를 확인 해 준다. 형식은 " ht.. 2022. 9. 22.
[React] 폰트 적용하기 1. 먼저 해당 링크를 통해 마음에 드는 폰트를 찾는다. 눈누 상업용 무료한글폰트 사이트 noonnu.cc 2. 라이선스에 웹사이트가 포함되어있는지 확인한다. 3. 리액트 파일에 넣기 4. 다음과같이 코드 확인시켜주기 font-family 는 이름을 지정해주는것 @font-face { font-family: "diary"; src: url("./fonts/EF_Diary.ttf"); } 5. css에 추가하기 .font { color : #AFAFAF; height : 20vh; font-family: "diary"; 2022. 8. 28.

티스토리툴바