본문 바로가기

분류 전체보기229

dom 검색해서 반복하기 getElementsByClassName loop getElementsByClassName 이용해서 검색한 것들을 반복하고 싶었는데요. ForEach 바로 사용할 수 있을 줄 알았는데 안되더라고요. querySelectorAll 이용해서 검색해서 할 수도 있는데요. getElementsByClassName으로 하고 싶은 경우도 한번 살펴보려고 합니다. 노션에서 특정 버튼 부분을 제거하려고 했었는데요. 그래서 찾아서 해봤습니다. document.getElementsByClassName('notion-collection-view-tab-button').forEach(dom => dom.remove()) forEach 함수는 없다고 나오더라고요. 그래서 배열로 인식되어 forEach를 사용 할 수 있도록 괄호로 감 싸우면서... 연산자를 사용했습니다. [.... 2023. 5. 26.
머터리얼 Material 아이콘 Flutter 개발하면서 자연스럽게 Material 사용하는데요. 아이콘 어떤 것이 있는지 궁금해서 검색하고 싶은 경우가 있어요. 공식 사이트에서 타고 들어가다보면 구글 폰트로 넘어가더라고요. 한번에 바로 갈 수 있는 링크 남거요.d https://material.io/resources/icons 검색해서 이름을 이용해서 자동완성 기능하고 같이 이용하면 아이콘 쉽게 적용 할 수 있더라고요. 원하는 아이콘을 검색하고 나서 어떤게 사용 할 수 있는지 예제 코드를 바로 확인 할 수 있어서 편해요. 익숙해지면 예제코드를 볼 필요 없이 확인한 이름을 바로 Flutter에서 타이핑 해보면 사용 할 수 있더라고요. 2023. 5. 19.
meta viewport 자바스크립트 다루기 viewport 이용해서 모바일과 데스크톱에서 어떤 화면과 배율과 확대 조정 등을 설정할 수 있는데요. 페이지 로딩 시에 설정하는 것과 다르게 특정 버튼을 누르면 viewport 적용되도록 하고 싶은 경우에는 자바스크립트 이용해서 조작해야 하는 경우가 있어요. 일단 이미 meta viewport 태그가 있는 경우에는 meta 태그를 찾아서 수정하는 방법을 사용 할 수 있습니다. 제가 주로 사용하는 방법입니다. viewport = document.querySelector("meta[name=viewport]"); viewport.setAttribute('content', 'width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0').. 2023. 5. 19.
Flutter 맥 개발환경 import 'package:flutter/material.dart'; void main() { runApp(MaterialApp( home: Scaffold( body: Text('안녕 나의 앱'), ) )); } flutter.dev 사이트 접속해서 관련 내용을 확인해 볼 수 있습니다. Get started 버튼 누르고 들어가서 맥북을 누르세요. M1이후 모델을 사용하고 있다면 rosetta 설치해야 합니다. sudo softwareupdate --install-rosetta --agree-to-license 그 아래 있는 zip 압축파일을 다운로드 받으세요. 저는 M1이라서 Apple Silicon 부분에 있는 압축 파일을 받았어요. 다운로드한 압축 파일을 Documents 폴더에 libraries.. 2023. 5. 4.
Laravel ubuntu 우분투 개발 환경 구성 우분투 리눅스를 개발 환경으로 가지고 있는데요. Laravel 사용하기 위해서 ubuntu에 php 설치하고 Laravel 구성 환경까지 해봤습니다. Laravel 설치 준비 php 설치를 위한 명령어를 실행하세요. sudo apt install php-cli unzip php 버전 확인하는 명령어를 실행해서 설치가 잘 끝났는지 확인합니다. 저는 8.1이 설치되어 있어요. php -v php 명령어로 composer-setup.php 파일을 다운 받습니다. php -r "copy('https://getcomposer.org/installer', 'composer-setup.php');" sudo 명령어로 글로벌하게 설치하는 php 프로그램을 설치합니다. sudo php composer-setup.php .. 2023. 5. 4.
Laravel Valet 재설치 하기 Valet 구성하다가 문제 생겨서 다시 구성하고 싶은 경우가 있어요. 지우는 방법입니다. 사용하고 있는 관련 디렉터리를 확인해 보세요. valet paths valet 정지합니다. valet stop 사용자 폴더 아래 있는 valet 관련 폴더를 삭제하세요. C:/Users/윈도우사용자이름/.config/valet 윈도우용 valet 설치합니다. composer global require cretueusebiu/valet-windows valet install valet 서비스를 시작합니다. valet start IP 정보를 갱신합니다. ipconfig /flushdns 서비스를 확인합니다. valet services 2023. 5. 3.
Laravel Window 환경 구성 하기 php Laravel Window에서 구성하기 위해서 choco 이용한 설치 과정입니다. choco 이용하면 정말 편하게 구성할 수 있습니다. choco 프로그램이 설치되어 있다고 가정하고 설명합니다. 혹시 choco 없다면 choco 설치글을 참고해주세요. Laravel 설치 전 확인 설치하는 과정에서 Valet도 설치하는데요. 필요 없기는 하지만 Valet 설치까지 따라 할 사람들은 윈도우에 80을 사용하고 있는 웹서버가 없어야 합니다. 아파치나 nginx 또는 IIS 같은 서버를 구성했다면 확인하고 제거하거나 Valet은 사용할 수 없습니다. 80 포트를 사용하고 있는지 cmd 창에서 명령어로 확인해 보세요. netstat -nao | findstr ":80" choco 설치 과정에서 필요한 압축 .. 2023. 5. 3.
chatGPT 추천 확장 프로그램 1. ChatGPT Optimizer - Boost Your AI Workflow 구글에서 ChatGPT Optimizer 검색하면 찾을 수 있습니다. ChatGPT로 찾는 내용을 복사해서 다른 곳에서 사용하는 경우가 많은데요. 복사 버튼이 생기면서 빠르게 복사할 수 있도록 해 주는 프로그램입니다. 2. 프롬프트 지니: ChatGPT 자동번역기 문학적으로 창의적인 질문이나 작명과 같이 대단히 한글이 필요한 경우가 아니라 코딩이나 일반적인 질문인 경우에는 영어로 질문하는 것이 속도가 빠르고 대답받을 수 있는 수준이 올라갈 수 있습니다. 그래서 빠르게 번영해서 질문하고 대답을 번역해서 볼 수 있는 프로그램이 있습니다. 구글에서 프롬프트 지니라고 검색해서 설치할 수 있어요. 검색하면 여러 개 나올 수 있는데 .. 2023. 5. 1.
반응형

티스토리툴바