본문 바로가기

**226

[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.
[REACT] 화면 비율에 맞춰 요소 조절하기 브라우저 크기를 조절할때 그 크기에 맞게 요소를 조절하려면 vh를 사용해야 한다. vh는 %대신 사용하는것이기 때문에 .app { height: 100vh; } 이것은 100%를 의미 하며, .app{ height : 40vh; } 이것은 전체 크기의 40%를 의미한다. 2022. 8. 28.
[Swift] 키체인 오류 "macOS이(가) 변경하려고 합니다. 허용하려면 관리자 이름 밎 암호를 입력하십시오." 보통 암호는 시스템 부팅 시 입력하는 암호인데, 계속 입력해 줘도 암호가 틀렸다고 하거나, 창이 무한대로 뜨는 오류가 발생한다. 해결 방법 1. Launchpad에서 다음과 같이 생긴 키체인 접근창을 열어준다. 2. Apple Development 인증서 검색 3. 개인 키 더블클릭 그리고 접근제어를 클릭 한 후 두 가지 방법이 있다. 1. 모든 응용 프로그램이 이 항목에 접근할 수 있도록 허용 2. + 버튼을 이용해 xCode추가 해 주기 그러면 해결 완료! 찾다 보면 키체인을 삭제하라는 정보 글이 있는데 굳이 하지 마시길 2022. 7. 18.

티스토리툴바