MySQL 사용권한 오류 - 오류 내용 Node.js 에서 MySQL 접속할 때 발생, 사용권한 오류 code: 'ER_NOT_SUPPORTED_AUTH_MODE', errno: 1251, sqlMessage: 'Client does not support authentication protocol requested by server; consider upgrading MySQL client', sqlState: '08004', fatal: true { code: 'ER_NOT_SUPPORTED_AUTH_MODE', errno: 1251, sqlMessage: 'Client does not support authentication protocol requested by server; consider upg..
2021.06.05 4
MySQL 설치 및 설정 맥OS에서 MySQL을 설치하는 방법은 두가지가 있으니 선택해서 설치! 1. MySQL 공식 홈페이지에서 설치파일 다운로드 MySQL :: Download MySQL Community Server Select Operating System: Select Operating System… Microsoft Windows Ubuntu Linux Debian Linux SUSE Linux Enterprise Server Red Hat Enterprise Linux / Oracle Linux Fedora Linux - Generic Oracle Solaris macOS FreeBSD Source Code Select OS Version: All Wind dev.mysql.com 공식 홈페..
2021.06.05
AWS http -> https 리다이렉션 아마존 프리티어로 ec2에 포트폴리오 사이트를 업로드해놨고 기존의 https 접속을 위해 로드밸런서 및 리스너도 다 추가 해놨는데 80포트 규칙을 추가하지 않아 http와 https 둘 다 접속이 가능한 상태가 되어버렸다. 서버는 node.js를 사용했고 단순히 req.protocol을 구분해서 https로 리다이렉션 시켰는데.. 이런식으로 뻗어버렸다... 답은 AWS 로드밸런서 규칙추가! 아마존 Route53 접속 HTTP : 80포트를 체크하고 편집 리디렉션 대상을 HTTPS 포트는 443으로 변경하고 업데이트를 해주면 바로 리다이렉션이 적용된다. 괜히 노드에서 뻘짓했다..
2021.06.03
웹 스토리지(LocalStorage/SessionStorage) 웹 스토리지는 클라이언트(사용자)단 브라우저에 데이터를 저장할 수 있는 장소이며, DB에 저장할 만큼 중요한 데이터가 아닌 경우 웹 스토리지를 사용한다. 웹 스토리지에는 로컬스토리지, 세션스토리지 두 개로 나뉘어져 있다. 로컬스토리지(LocalStorage) : 해당 웹사이트를 새탭이나 새창으로 띄워도 동일한 데이터를 공유한다. 브라우저를 종료해도 데이터가 남아있으며, 직접 브라우저의 캐시삭제 및 로컬스토리지 초기화를 하지 않는 이상 데이터는 영구적으로 보관된다. 세션스토리지(SessionStorage) : 웹페이지의 세션이 끝나면 데이터가 지워지며(브라우저 종료), 해당 웹사이트를 새탭이나 새창으로 띄울 경우 데이터가 서로 격리되어 저장된..
2021.06.03
웹사이트 로딩 효과 구현하기 웹사이트에 로딩 효과를 자바스크립트를 사용해 구현해보도록 하겠습니다. 보통 로딩효과는 사이트 로딩이 긴 페이지에 들어가는데, 티스토리 블로그의 경우 너무 정적인 느낌이 강해 로딩 애니메이션을 넣어보도록하겠습니다. See the Pen RwpxedW by junheeleeme (@junheeleeme) on CodePen. Boxicons : Premium web friendly icons for free Boxicons is a free collection of carefully crafted open source icons. Each icon is designed on a 24px grid with the material guidelines boxicons.com 로딩 효과..
2021.06.02
부드러운 스크롤 이동 이전 HTML 태그 id 값을 사용해 스크롤 이동 구현 방법을 포스팅했습니다. 태그를 사용할 경우 이 번에는 자바스크립트와 제이쿼리를 따로 구분해서 구현해보도록 하겠습니다. [HTML/CSS] 부드럽게 스크롤 영역 이동하기 부드럽게 영역 이동하기 html, css를 활용해 해당 영역으로 부드럽게 이동하는 방법입니다. See the Pen NWrrpOB by junheeleeme (@junheeleeme) on CodePen. html{ scroll-behavior: smooth; } 태그 href 속성에.. juni-official.tistory.com 자바스크립트와 제이쿼리를 따로 나누어 구현하는 이유는 크로스브라우징 문제 때문입니다. 자바스크립트는 사파리에서 기능 작동하지만 부드..
2021.05.31
ES2015+(ES6) String 메서드 //ES2015+ String 메서드 const str = "Hello Wrold! :)"; const str2 = ":)"; console.log(str.startsWith(str2)); //false console.log(str.endsWith(str2)); //true console.log(str.includes(str2)); //true ES6에 새롭게 추가된 문자열 메서드로, startsWith는 시작 문자열 비교, endsWith 끝 문자열 비교, includes는 문자 포함 여부를 확인해준다.
2021.05.27
JS 마우스 좌표 메서드 1. clientX / clientY client는 브라우저 창을 기준으로 마우스 좌표를 알려주는 메서드로 스크롤은 무시한다. 2. offsetX / offsetY offset은 이벤트 대상을 기준으로 마우스 좌표값을 알려주는 메서드. 3. pageX / pageY 브라우저 페이지 전체를 기준으로 마우스 좌표값을 알려주는 메서드로 스크롤 전체 페이지에 해당 4. screenX / screenY 모니터 화면을 기준으로 마우스 좌표값을 알려준다.
2021.05.22
새로운 블로그로 이사했습니다. 😆
Home | 꾸생 블로그
프론트엔드 개발 블로그입니다. 사소한 것도 기록합니다 :)
kku.dev