본문 바로가기

main

[React-Native] Mac M1 설치 - 에뮬레이터 켜는 과정에서 발생한 에러들 기본 node, npm, android studio, xcode 등은 다 깔려있는 상태여서 추가로 필요한 것들만 설치하였음 watchman 설치 brew로 설치를 했는데 버전을 확인해 보니 이렇게 나온다 ㅋ_ㅋ 뭐지? 된거 맞겠지? npx react-native init [ProjectName] 으로 시작 근데 cli.init is not a function 이라는 에러가 떴다. npm uninstall -g react-native-cli yarn install yarn global add @react-native-community/cli npx react-native init AppName npm 말고 yarn으로 add 해주니 프로젝트가 잘 생성됐다. ios 띄우기 근데 이제는 cocoapod이 안 .. 더보기
[Android Studio] 이어폰 착용 시 Emulator Device 음질로 소리가 재생될 때.. Flutter 프로젝트를 시작하고 기본 코드로 Virtual Device를 띄웠는데 Mac에 연결돼있던 이어폰이 Virtual Device 음질로 재생되면서 너무 구려지는 것... Mac 설정 Security & Privacy 에서 Android Studio에 대한 allow를 해제하는 것으로는 해결이 안 됐다. 구글링하여 Emulator 내에서 오디오 기능을 비활성화 하는 방법을 찾았다. 먼저 Mac 터미널에서 adb 명령어를 사용할 수 있게 환경변수를 등록해줬다. vim ~/.zshrc export PATH=~/Library/Android/sdk/tools:$PATH export PATH=~/Library/Android/sdk/platform-tools:$PATH source ~/.zshrc 등록까지.. 더보기
[MAC M1] Flutter 개발환경 셋팅 1. Flutter SDK 설치 Flutter SDK releases All current Flutter SDK releases, stable, beta, and master. docs.flutter.dev macOS의 stable channel에서 [arm64] Architecture로 다운받는다. 압축은 평소 dev파일들을 모아놓는 폴더라던가 사용자 폴더에 풀면 된다. (크게 상관이 없다) 2. Xcode 설치 App Store에서 Xcode 검색하면 바로 나온다. 오래 걸리니 제일 먼저 시작해놓길.. 다른 것들도 먼저 설치하고 있다가 Xcode 설치가 완료되면 $ sudo gem install cocoapods -n /usr/local/bin $ pod setup $ sudo xcode-select.. 더보기
[Next.js] OG Tag 적용 오류 문제 해결 처음에 _app.jsx에 next/head를 통해 태그를 적용해두었고 og 태그가 제대로 적용 되는 것을 확인했었다. 그리고 다른 개발 하며 잊고 있다가 어느 순간 태그를 페이지별로 다르게 따로 넣어주고 싶었고 각 페이지에서 next/head를 불러와 사용했다. 그랬더니 og 태그가 적용이 안 되는 것이다. 계속 메인 페이지의 og 정보만 가져왔다. 당시에는 어떤 페이지에서 next/head를 써도 당연히 될 줄 알고,, 이 문제라고 생각하지 못했는데... 그 이유 중 하나는 구글링을 해도 어떤 문제점을 찾을 수 없었기 때문 ㅠ ㅠ 남들은 페이지별로 잘 적용하더라고. 그러다가 이걸 봤다. next/head tags for pages overriding default _app.js tags are rend.. 더보기
[MySQLWorkbench] connection error: SSL is required but the server doesn't support it SSL 연결 설정이 Require 되어 있어 나는 에러라고 한다. 연결 시 Advanced 탭에서 Others: 항목에 useSSL=0 을 입력해주면 이제 접속이 된다! 더보기
[CSS] box-shadow, border-radius, gradient, css generator Box Shadow CSS Generator | CSSmatic CSSmatic is a non-profit project, made by developers for developers Are you a web developer? Would you like to collaborate on CSSMatic? www.cssmatic.com Box Shadow 넣으려고 찾아보다가 찾은 사이트인데 아주 유용 *^^* 더보기
[CSS] 화살표가 필요할 때 CSS로 만들기 애니메이션 화살표 코드 링크 웹 사이트에 애니메이션을 적용하고 "장식"하는 23 개의 완벽한 CSS 화살표 웹 사이트에서 화살표를 사용해야합니까? 사용자를 웹 사이트의 어딘가로 안내하거나 페이지에서 CTA를 강조하기 위해 CSS로 애니메이션 된 23 개의 화살표 목록을 놓치지 마세요. www.creativosonline.org 더보기
파이썬 크롤링 하기 Selenium 셀레니움 사용법 진짜 오랜만에 파이썬 켜서 이것저것 많이 검색하면서 했다 ㅎㅎ 셀레니움도 설치부터 문법까지 다 찾아보면서 함 셀레니움 설치 pip install selenium 나는 pip 사용했기 때문에 pip install 했지만 conda의 경우도 똑같이 하면 된다고 한다. 웹드라이버 설치 셀레니움을 사용하기 위해서는 브라우저별 selenium webdriver를 다운로드 해야 한다. 먼저 구글 크롬의 버전을 확인한다. 크롬의 오른쪽 상단 점 땡땡땡을 눌러 도움말 -> Chrome 정보에 들어간다. 이 업데이트 오늘은 좀 해야겠다... 매번 미루던 중 무튼 나의 크롬 버전은 99.0.4844.74 였다. ChromeDriver - WebDriver for Chrome - Downloads Current Releas.. 더보기

티스토리툴바