본문 바로가기

IT/Develop

 (52)
친구 컴퓨터에 페페짤 악성코드 심기ㅋㅋㅋㅋㅋㅋㅋㅋ/코딩애플 친구 컴퓨터에 페페짤 뿌리기 START!!! 친구가 어떤 사이트에 들어가도 페페 사진만 나오도록 설정해 보겠습니다 😎 ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ 폴더를 하나 만들어서 아래 파일 2개를 생성해 주세요! index.js setInterval(()=>{ let imgs = document.querySelectorAll('img'); imgs.forEach((a, i)=>{ a.src = 'https://pbs.twimg.com/media/GCvfP-XbQAACWTM.jpg:large' }) }, 500) a.src에는 페페 이미지를 넣어뒀는데 원하는 이미지 주소를 복사해주셔도 됩니다 🐸 manifest.json { "manifest_version": 3, "name": "image to pepe", "vers..
[Flutter] Some Android licenses not accepted. 해결하기 $flutter doctor 명령어 실행 후 Android 경고 문구가 떠버렸습니다 ! Some Android licenses not accepted. To resolve this, run: flutter doctor --android-licenses $ flutter doctor --android-licenses 위 명령어를 실행하면 된다고했는데도 해결되지 않았습니다 도대체 왜죠...??? yes | flutter doctor --android-licenses 이 명령어를 사용하니 해결되었습니다!
[Unity] 플레이 모드 속도 빠르게 하는 방법 / Unity Enter Play Mode Faster ❗️Unity에서 Play 클릭 시 로딩이 오래 걸리는 경우 Edit > Project Setting > Editor > Enter Play Mode Settings 에서 옵션을 체크해주면 속도가 개선됩니다.
React Native & Expo 안드로이드 오류 CommandError: No Android connected device found, and no emulators could be started automatically. / Android Studio Emulator iOS simulator가 해결되고 나니 이번엔 안드로이드 오류... CommandError: No Android connected device found, and no emulators could be started automatically. Please connect a device or create an emulator (https://docs.expo.dev/workflow/android-studio-emulator). Then follow the instructions here to enable USB debugging: https://developer.android.com/studio/run/device.html#developer-device-options. If you are using Ge..
CommandError: No iOS devices available in Simulator.app 에러 / React Native iOS simulator nom start 후 나오는 QR 코드를 스캔해서 핸드폰에서 Expo Go 앱으로도 바로 확인 가능하지만 맥북에서 시뮬레이터로 바로 확인하고 싶어서 i(open iOS simulator)를 눌렀는데 에러가 발생... CommandError: No iOS devices available in Simulator.app 해결방법은 App Store에서 Xcode 설치 후 iOS 17.0도 설치해 주세요. 설치 완료 후 다시 i를 누르면 iOS simulator가 열립니다. 시뮬레이터 선택 후 File > Open Simlator > 기종 선택을 하면 해당 기종으로 변경됩니다.
Visual Studio Code 확장 프로그램 추천 23개 / VS Code extension https://code.visualstudio.com/download Download Visual Studio Code - Mac, Linux, Windows Visual Studio Code is free and available on your favorite platform - Linux, macOS, and Windows. Download Visual Studio Code to experience a redefined code editor, optimized for building and debugging modern web and cloud applications. code.visualstudio.com Visual Studio Code(VS Code) 설치 후 진행해 주세요 확장 프로그램 설치는..
리액트 템플릿 자동완성 스니펫 / 자주 사용하는 스니펫 / ES7+ React/Redux/React-Native snippets / VS Code extension Visual Studio Code에서 ES7+ React/Redux/React-Native snippets를 설치해 주세요 템플릿이 자동완성되어 시간 단축에 좋습니다. 자주 사용하는 스니펫 Basic Methods ✅ imp import moduleName from 'module' ✅ nfn const functionName = (params) => { } React ✅ imr //리액트 가져오기 import React from 'react' ✅ imrc //리액트 + Component 가져오기 import React, { Component } from 'react' Console ✅ clg console.log(object) React Components ✅ rcc //리액트 클래스 컴퍼넌트 impor..
편집기 프로그램 설치X 웹에서 바로 코딩하기! VS Code 마이크로소프트가 개발한 소스 코드 편집기 비주얼 스튜디오 코드(VS Code)의 웹 버전이 20일 공개되었습니다. VS코드 웹 버전은 브라우저를 열고 URL만 입력하면 바로 사용할 수 있습니다. https://vscode.devVisual Studio Code for the WebBuild with Visual Studio Code, anywhere, anytime, entirely in your browser.vscode.dev 기본적인 기능은 설치 버전 VS코드와 거의 같습니다. - 코드 파일을 열고 편집하는 기능 지원 - 구문 종류에 따라 다른 색으로 표시하는 기능 탑재 - 단축키도 기존과 동일 VS코드 웹 버전으로 HTML·자바스크립트·CSS 애플리케이션을 빌드할 수 있습니다. - C/C++, C..
오픈 API 사이트 추천 / 카카오, 네이버, 구글, 페이스북, 공공데이터포털 카카오 API developers.kakao.com/ Kakao Developers 카카오 API를 활용하여 다양한 어플리케이션을 개발해보세요. 카카오 로그인, 메시지 보내기, 친구 API, 인공지능 API 등을 제공합니다. developers.kakao.com 네이버 API https://developers.naver.com/ NAVER Developers 네이버 오픈 API들을 활용해 개발자들이 다양한 애플리케이션을 개발할 수 있도록 API 가이드와 SDK를 제공합니다. 제공중인 오픈 API에는 네이버 로그인, 검색, 단축URL, 캡차를 비롯 기계번역, 음�� developers.naver.com 구글 API https://console.developers.google.com Google Cloud ..
[CSS]Flex Containers 속성 flex-wrap, justify-content, align-content, align-items flex-wrap 값 의미 nowrap 모든 items를 한 줄로 표시 wrap items를 여러 줄로 묶음 wrap-reverse items를 wrap 역방향으로 묶음 justify-content 값 의미 flex-start 시작점으로 정렬(default) flex-end 끝점으로 정렬 center 가운데 정렬 space-between 시작 아이템은 시작점에, 마지막 아이템은 끝점에 정렬 나머지 아이템은 고르게 정렬 space-around 아이템을 균등한 여백으로 정렬 align-content 교차축 정렬 방법 items가 2줄 이상이며 여백이 있을 경우 사용 속성 의미 stretch 교차축을 채우기 위해 늘림 flex-start 각 줄의 시작점으로 정렬 flex-end 각 줄의 끝점으로 정렬 cent..
Frontend Developer / Developer Roadmaps 개발자 로드맵 Frontend Developer Step by step guide to becoming a modern frontend developer https://roadmap.sh/ Developer Roadmaps Community driven roadmaps, articles, guides, quizzes, tips and resources for developers to learn from, identify their career paths, know what they don't know, find out the knowledge gaps, learn and improve. roadmap.sh
React 리액트 배포하는 법 / 생활코딩 개발환경이 구축되었다면 터미널에서 npm run build build 폴더가 생성된다. 최상위 디렉터리에 build 안에 있는 파일을 위치시키면 용량을 줄여준다. npx serve -s build serve라는 웹서버를 다운로드하여서 실행시킬 때 build 디렉터리를 다큐먼트 루트로 하겠다.(-s) 주소를 알려주고 들어가보면 똑같이 작동하고 개발환경의 용량을 줄여준다.

티스토리툴바