전체 글 (192) 썸네일형 리스트형 Turning a Photo of a Star into an Anime Using Photoshop Original Photo: Anime: How-To: Use Photoshop 1. Filter => Sharpen => Sharpen Edges => Convert to Smart Object 2. Filter => Stylize => Oil Paint How to Bypass Rate Limit for Web Scraping 1. Set User-Agent Using fake-useragent pip install fake-useragent from fake_useragent import UserAgent session = requests.Session() headers = { 'User-Agent': UserAgent().random } response = session.get(url, headers=headers) response.raise_for_status() 2. Use tor network for proxy Using tor: prerequisite: install tor browser pip install pysocks # tor browser를 키고 python 실행 url = "https://www.herme.. [mui][nextjs][prisma] 게시판 만들기 - part 2 (reactjs를 nextjs로 포팅) 목적 기존 진행 사항: - part 1 에서 필요한 UI component 들 작성하였음 - 추가적으로, backend API 작성 시 필요한 database 및 schema를 prisma를 통해 구성하였음 진행 예정 사항: - 기존 작성한 react UI component 들을 새로운 nextjs 프로젝트로 포팅하는 과정 - UI component 들에 server-side rendering을 적용하는 과정 진행 과정 nextjs 프로젝트 생성 pages 사용 component 이동 server-side rendering 적용 nextjs 프로젝트 생성 npx create-next-app@latest pages 사용 component 이동 => 이동 완료 server-side rendering 적용 =.. [mui][prisma][express][mysql] 게시판 만들기 - part 1 진행 과정 기획 버튼 생성 틀 구성 table 작성 post 객체 정의 post 조회 post 작성 prisma-express 설정 editor에 title 넣는 곳 post 객체 재정의 REST API 설계 REST API 작성 frontend - backend 연결 - (part 2 에서 계속) 기획 이동 방법: - navbar 에 있는 햄버거 버튼 클릭 메뉴 중 게시판 주제 버튼 클릭 클릭 게시판 화면: - 다른 사이트 참고 버튼 생성 생성 방법: - 기존 mui 사용 (Menu 아래 MenuItem 하나 더 추가) 틀 구성 틀 위치: - 테이블이 보여질 와 사이 버튼 액션: - 분기에 사용할 boolean state 값 필요 const [news, setNews] = useState(false);.. how to fix cmd closes immediately, when DISM.exe does not work how to fix run powershell as administer, then type: C:\Windows\System32\reg.exe DELETE "HKCU\Software\Microsoft\Command Processor" /v AutoRun /f referenced from https://alex-blog.tistory.com/entry/Window-10-anaconda-%EC%84%A4%EC%B9%98-%ED%9B%84-cmd-%EC%8B%A4%ED%96%89-%EC%98%A4%EB%A5%98 [빌드][배포] 초간단 앱 업로드 (Expo Go 빌드 및 플레이스토어 배포) 사전 준비 Google Play Developer 맴버쉽 과정 1. eas build eas build --platform android "Generate new keystore" 물어보면 엔터 만약 eas를 처음 들으신다면 이 글을 먼저 읽어주셔요. https://mike-tyson.tistory.com/91 과정 2. 플레이스토어 배포 1. play console 로 이동 2. 출시 => 프로덕션 에서 프로덕션 버전 만들기 3. 서명 키는 "Google에서 앱 서명 키를 관리 및 보호하도록 허용" 4. 과정1의 eas build 결과물로 나온 .aab 파일 업로드 5. 출시명에 버전 적고 출시 노트에 바뀐점 적기 6. "다음" 버튼 눌러서 나오는 오류 수정 react, figma 사용해서 webview 앱 용 icon.png 생성 icon 생성 size: 1024 x 1024 react 코드로 아이콘에 사용할 로고 작성 (기존 로고 변형해서 재사용) 관련코드: 나만 솔로 사이트 스크린샷 떠서 로고 이미지 획득 icon 제작용 피그마 템플릿 사용 템플릿 주소 https://www.figma.com/community/file/1155362909441341285 Expo App Icon & Splash | Figma Community www.figma.com 템플릿 원 안에 글자가 다 들어가게 해줌 figma 기능 사용해서 템플릿에서 png 파일 추출 [react-native] react 로 만든 web 사이트를 android / ios 앱으로 만들기 (webview 이용) 과정 소개 React Native 설치 새 프로젝트 생성 webview 추가 앱 아이콘 변경 앱 테스트 과정 1. React Native 설치 $ npx create-expo-app (프로젝트명) 위 과정으로 react native가 자동 설치됨 과정 2. 새 프로젝트 생성 위 과정으로 이미 프로젝트가 생성됨 과정 3. webview 추가 webview 설치: $ npx expo install react-native-webview webview 생성: App.js 수정 기존 App.js 내용 모두 삭제 관련 코드: import * as React from 'react'; import { WebView } from 'react-native-webview'; export default function App.. 이전 1 ··· 12 13 14 15 16 17 18 ··· 24 다음