728x90 반응형 분류 전체보기143 #removeEventListener #스크롤이벤트체크 #이벤트체크메소드 #약관동의 #스크롤 서비스를 개발하다보면 약관동의 같은 페이지를 개발할때가 있다. 약관은 내용이 많기 때문에 스크롤이 생기게 되는데 이럴때 removeEventListener 이벤트를 통해서 스크롤을 체크해볼수 있다. 🌱 scrollTop : 스크롤바 내린 높이🌱 scrollHeight : div 태그 실제 높이🌱 clientHeight : 눈으로 확인되는 div 박스 높이 🌱 실제 높이 : 스크롤 내린높이(scrollTop) + 눈으로 확인되는 div 박스 높이(clientHeight)🌱 $div.scrollHeight = $div.scrollTop + $div.clientHeight 통상적으로 -5를 지정해서 스크롤 끝에서 5px정도 왔을때 체크를 하는것이 오차를 감안할수 있다.🌱스크롤 감지 이벤트 $(".. 💚04_HTML5 & Javascript & CSS/01_Javascript 2024. 5. 23. #javascript #datalist #select2 #Select2 플러그인(Jquery) #Chosen 플러그인(Jquery) 👊select box를 사용하다보면 너무 많은 데이터로 인해 검색기능이 있으면 좋을때가 있다. 이때 사용하기 좋은 html5 태그를 소개할려고 합니다.Choose a flavor: 🌱DataList(html5 기본 태그)👊datalist태그는 html5에서 기본으로 제공하는 태그로 option태그에 값을 추가하면 input 태그를 검색을 통한 데이터 조회가 가능합니다. dataList area Data ListArea : but!!! 이태그를 통해 사용 하다가 500건 이상 데이터를 적재했을때 이슈사항이 발생했습니다. 바로 500개 이상이 표출이 안되는 내역이 발생했습니다.( 개발자 도구를 통해 보면 노드가 숨겨져 있음 -> 노드 전체 보기를 하면 1000개 까지 모.. 💚04_HTML5 & Javascript & CSS 2024. 5. 23. #mysql #계정생성 #권한부여 #root #권한즉시부여 #FLUSH PRIVILEGES 👊 Mysql 계정 생성 & 권한 부여 알아보기DBMS설치시 생성되는 최고 관리자 root계정- DB모든 권한 생성- 사용자들에게는 root를 통한 테이블 권한, DB권한, dml에 대한 적절한 권한 부여를 통한 계정 생성 후 계정 전달 사용 root계정은 DB의 모든 권한이 존재함에 따라 어플리케이션에서 직접 사용 불가 형태로 구성 필요 👊 DB접속을 통한 계정 조회🌱 mysql root 권한 접속>mysql -u root -p🌱mysql 스키마 선택>use mysql;🌱사용자 목록 조회>SELECT user,host FROM user; 👊 mysql 8.0 버전부터 시스템, 일반 계정 구분 사용 👊 User 생성create user '사용자'@'host' identified .. 🩷02_DataBase/01_SQL( Structured Query Language) 2024. 5. 22. #JSON #테스트데이터 만들기 #dummy #mock-UP JSON 데이터 만들기가 필요할때가 있다. 하나하나 씩 입력을 해도 되지만 그래도 데이터 형식을 만들때 아래 사이트를 통해 참고 하면 좋다. 👍JSON Parsing Sitehttps://www.objgen.com/json/local/design ObjGen - Live Code Generation for the Web www.objgen.com 👊용어 뿌시기 Mock-UP 영어로 Mock은 흉내내다라는 의미로 Mock-UP이란 실제 제품 제작전 실문크기의 모형으로 테스트 데이터를 말한다. 💜99_기타/06_업무용어 2024. 5. 5. #turnkey #턴키 #IT #계약방식 턴키(영어: turnkey) 또는 턴키 방식, 일괄 도입 방식은 제품을 구매자가 바로 사용할 수 있도록 생산자가 인도하는 방식이다. 디자인-빌드(Design-Build)라고도 한다. 대한민국에서는 보통 설계와 시공을 함께 발주하는 설계·시공 일괄입찰의 뜻으로 쓰인다. 통상적으로 IT에서도 솔류션 형태로 파는 것을 턴키 방식으로 계약을 한다. 한마디로 제품을 한번에 파는 내역이다. A라는 솔루션에 '가'기능 '나'기능 '다'기능에 대한 내역을 추가 하여 통으로 결제를 하는 방식이라고 생각하면 될것이다. 가, 나, 다 기능에 대해서는 각 솔류션이 무엇이 들어가고 하는것은 고객사에게는 중요하지 않다. 통으로 구입을 하였기 때문에 가이드 라인에 맞는 방식으로 구축을 해주면 되는 부분이다. 이에 따라 총 사업.. 💜99_기타/99_IT꿀팁 2024. 3. 15. #개발 #영단어 #한마디!!! #기본단어 레거시(legacy) - 뜻[편집] 유산이라는 뜻의 영단어. 현재까지 남아 사용되고 있거나 현재의 체계에 영향을 미치는 과거의 체계를 뜻한다. 단어 숙지 : attempt 시도 💜99_기타 2024. 3. 15. #윈도우11 #작업표시줄 #바로가기 #폴더넣기 #꿀팁 ⚡윈도우11 작업표시줄 바로가기 폴더 넣기 🦖적용방법 🤚작업표시줄로 지정하고 싶은 폴더의 바로가기를 생성합니다. 🤚생성된 폴더에 속성으로 이동후 대상에 있는 경로에 명령어를 추가해줍니다. 🤚Ex.) explorer E:\02_실행파일( explorer 한깐 뛰고 + 입력되어있는 경로 ) 🤚적용 이후 드래그를 통해 작업표시줄로 이동합니다. 💜99_기타/02_Window ETC 2024. 3. 14. #사이트맵 #sitemap.xml #SEO #SearchEngineOptimization #크롤링 #검색봇 ⚡SEO(Search Engine Optimization) 검색엔진 최적화로서 각 검색엔진이 검색을 하기 위해서 필요한 절차로 각 검색엔진들은 대략적으로 Sitemap.xml을 기준으로 검색 최적화를 진행을 하게 된다. 🦖사이트맵(sitemap.xml)이란? 웹사이트(블로그, 홈페이지 등)의 모든 페이지의 목록을 나열한 파일로 책의 목차와 같습니다. 해당 목록을 통해서 각 검색엔진의 검색 봇들이 해당 페이지를 크롤링을 통해서 정보를 수집해 갑니다. 🦖크롤링이란 크롤링(crawling) 은 웹 페이지를 그대로 가져와서 거기서 데이터를 추출해 내는 행위를 말함 🦖각 검색엔진 검색봇 🤚Google : Googlebot 🤚naver : Yeti 🤚Bing : Bingbot 🦖 사이트맵(sitemap.xml)을 .. 💜99_기타/03_웹 지식 2024. 3. 14. #티스토리 #단축키 #에디터 #효율적인글쓰기 #단축키는필수 #기억하기 #꿀팁 어떠한 프로그램을 사용하던지 단축키는 생산성을 키워주는 엄청난 부분이다!!!! 그렇기에 항상 단축키는 몸에 베일정도로 연습을 해야한다고 생각합니다. 그렇기에 티스도리 포스팅을 위한 꿀팁인 단축키에 대해서 알아보겠습니다. 항목 단축키 항목 단축키 항목 단축키 굵게 Ctrl + B 서체변경 Ctrl + Alt + T 링크삽입 Ctrl + K 기울임꼴 Ctrl + I 제목변경 Ctrl + Alt + 1 코드블록 Ctrl + Alt + , 밑줄 Ctrl + U 본문변경 Ctrl + Alt + 2 특수문자 Ctrl + Alt + . 취소선 Ctrl + Alt + J 인용변경 Ctrl + Alt + 3 이모티콘 Ctrl + Alt + E 글자색 Ctrl + Alt + [ 목록변경 Ctrl + Alt + 4 단축키목.. 💜99_기타 2024. 3. 13. #MOD_SECURITY MOD_SECURITY 설치방법 1. 사전설치 yum install -y gcc-c++ yum install -y zlib-devel yum install -y expat-devel yum install -y pcre pcre-devel yum install -y openssl openssl-devel yum install -y mod_ssl yum install -y mod_security yum install -y libxml2 libxml2-devel yum install -y apr apr-devel yum install -y apr-util apr-util-devel 2. 소스를 다운 wget https://www.modsecurity.org/tarball/2.9.3/modsecurity-2.9.. 💛03_Server & OS/02_Apache Tomcat 2024. 3. 11. #메이저 업그레이드 #Major Upgrade #마이너 업그레이드 #Minor Upgrade #버전 #프로그램 ⚡프로그램 버전 업데이트 종류 🦖Major Upgrade(메이저 업그레이드) 제품의 기존 버전 보다 많은 기능 향상 및 사용자 편의가 대폭 개선된 경우를 뜻하며 통상적으로 버전의 앞자리의 변경으로 구분 (예. 알집 v1.0, 알집 v2.0, 알집 v3.0 과 같은 형식) 🦖 Minor Upgrade(마이너 업그레이드 ) 제품의 기존 버전의 사용상에서 발생했던 문제점 및 사용자 편의가 개선된 버전으로 뒷자리 변경으로 구분 (예. 알집 v1.0, 알집 v1.1, 알집 v1.2 과 같은 형식) 💜99_기타 2024. 3. 11. #VAN #Value Added Network #PG사 #Payments Gateway #결제 #용어정리 ⚡결제 시스템 웹개발을 하다보면 결제 시스템은 이제 필수 영역으로 다가오는 부분이다. 각 가맹점을(고객사)와 카드사를 연결하는 VAN사 부터 그 단계를 총괄하는 PG사 까지 이처럼 결제 시스템에서는 알아둬야할 서비스적 인프라 구조가 있다. 이를 알아볼려고 합니다. 🦖Van(Value Added Network) - 부가가치 통신망 가맹점과 카드사를 이어주는 통신망으로 오프라인 매장에서 단말기 & POS를 통해 결제 하는 이과정을 도와주는 역활을 VAN사가 한다고 할수 있다. VAN이 생겨나기전에는 카드사별로 단말기가 달랐기에 카드사와 가맹점 사이에 계약을 도와주고 거래를 도와주어 해당 건에 대한 수수료를 떼어가는 구조이다. 이처럼 단말기를 통해 승인 중계 업무를 하며 VAN사가 카드사 사이에서 승인 중계와.. 💜99_기타 2024. 3. 11. 이전 1 2 3 4 5 6 ··· 12 다음 728x90 반응형