풀스택 | 개발자의 개발 팁 메모장

특정 엘리먼트로 스크롤 이동시키는 방법 function Component() { const componentRef = useRef(null); const moveScroll = () => { componentRef.current?.scrollIntoView({ behavior: "smooth" }) } return ( 스크롤 타겟 엘리먼트 moveScroll}>스크롤 이동 );}

웹개발/프론트엔드 2024. 9. 13. 16:06

자바스크립트 웹캠 이벤트 캐치 컨트롤 오디오 이벤트 캐치 컨트롤 Audio source: Video source:

웹개발/프론트엔드 2021. 9. 8. 17:28

캡쳐하기 전송

웹개발/프론트엔드 2021. 9. 8. 16:21

우분투 ubuntu 쉘 로컬호스트 localhost 그누보드 세팅 설치 하기 (1) 준비물을 준비해봅시다. sir.kr/g5_pds 그누보드5 다운로드 > SIR 그누보드, 영카트 개발사로 웹사이트와 쇼핑몰을 무료로 만들수 있는 수많은 솔루션을 무료로 제공하고 있으며 다국어버전도 배포하고 있습니다. sir.kr 위 링크 접속후 최신버전의 그누보드를 다운받아 주세요 저는 오늘일자 기준 그누보드 5.4.3 이 최신버전이네요. 본인이 좋아하는 적당한 폴더에 다운받아 주세요. 다운받고 알집 압축 풀어주세요. 그리고 내 컴퓨터 폴더 접속후 c 드라이브 안에 projects 라는 폴더를 생성해주세요. projects 폴더내에서 그누보드를 설치하고 Apache2 기본경로로 잡아줄겁니다. c 드라이브내에 폴더를 만들어..

웹개발/프로그래밍 2020. 11. 21. 22:35

윈도우10 우분투 ubuntu bash 배쉬 아파치 apache2 php mysql 설치 방법 정리 튜토리얼 및 로컬 호스트 그누보드 세팅 설치 방법(2) 우분투 설치방법정리 2탄입니다 이전 글에서 root 계정 비밀번호 설정하고 root 계정 로그인까지 했습니다. root 계정 로그인 후 'sudo apt-get update' -> 'sudo apt-get upgrade' 명령어를 입력합니다 이런 식으로 하나 하고 그다음 명령어 하시면 됩니다 'sudo apt-get upgrade' MySQL 서버 설치 -> PHP 설치 순으로 진행하겠습니다. Apache2 웹서버 설치 'sudo apt install apache2'

웹개발/프로그래밍 2020. 11. 21. 21:35

윈도우10 우분투 ubuntu bash 배쉬 아파치 apache apache2 php mysql 설치 방법 정리 튜토리얼 및 로컬호스트 그누보드 세팅 설치 방법(1) 오늘은 ubuntu 우분투 배쉬 쉘? 설치방법에 대해서 알려드리겠습니다. 저같은 경우는 로컬에 그누보드 세팅을 하기위해 우분투 배쉬를 설치하게 되었는데요. 우분투를 설치하기전에 우선 컴퓨터에 몇가지 세팅을 해주셔야 합니다 우선 시작버튼 옆에 검색 부분에 'windows 기능' 이라고 검색을 하시면 windows 기능 켜기/끄기 라는게 있을 겁니다. 클릭해서 열어주시구요 저기서 Linux용 Windows 하위 시스템 체크 해주세요. 그리고 확인 버튼 다음은 마이크로소프트 스토어 microsoft store 에서 'ubuntu' 검색 Ubunt..

웹개발/프로그래밍 2020. 11. 21. 16:22

Swiper JS 사용법 총정리 이걸로 끝 사용방법 https://swiperjs.com/

웹개발/프론트엔드 2020. 7. 6. 23:22

mysql distinct 사용방법 사용법 row 중복제거 방법 어느날은 개발을 들어가기 위해 테이블 구조를 훓어보던 중 어떤 한 컬럼에 빈값도 있고 여러가지 값이 들어가 있는데 뭔가 10~12개? 쯤 공통되는 값이 들어가있는 컬럼이 있어서 어떤 값들이 들어가 있는지만 보고싶어서 그런 기능이 sql에 없나 찾아보다가 알게된 Distinct id colum1 1 test1 2 null 3 test2 4 test2 5 test3 6 test3 7 test4 위와 같은 테이블이 있다고 가정을 했을때 row가 1000개가 있다고 했을때 colum1 의 값이 무엇들이 있는지 궁금했다 근데 너무많은 데이터들이라서 하나하나 체크하기에는 나는 주니어개발자니까 찾아보았음 Distinct 라는 데이터 중복제거 기능을 알게..

웹개발/백엔드 2020. 6. 24. 01:37