ES6 String에 추가된 메서드들
·
Programming/Javascript
1.str.startsWidth() startsWidth 메서드는 해당 문자열의 시작 단어와 매개변수로 받는 문자열이 일치하는지 판단하기 위해서 사용합니다. let str = "Hello World"; let match = "Hello"; console.log(str.startsWidth(match)); // true 2.str.endsWidth() endsWidth 메서드는 해당 문자열의 마지막 단어와 매개변수로 받는 문자열이 일치하는지 판단하기 위해서 사용합니다. let str = "Hello World"; let match = "World"; console.log(str.endsWidth(match)); // true 3.str.includes() includes 메서드는 해당 문자열의 내부에 매개..
Node.js로 회원가입을 구현하면서 알게된 것 & 잘 모르겠는 것
·
Programming/Node.js
※ 이 글은 예전 블로그에서 퍼왔으며 2020.2.25에 작성된 글입니다. ※ 주의! 잘못된 정보가 있을수도 있습니다. 프론트엔드를 희망하고 있지만 혼자 서비스를 구현해 보려면 백엔드 분야도 알아야 하기 때문에 한 번 공부해 봤는데 장난이 아닌것 같다.. 이해하면 다루는 건 그리 어렵지 않은데 정확한 지식을 얻기 힘들다는 점에서 혼자 공부하는 입장으로선 죽을 맛이다..ㅠㅠ 일단 내가 Node.js와 MySQL 을 이용해 회원가입을 구현하면서 알게된 점과 모르겠는 점, 느낀점을 정리해 볼 것이다. 1. Express 미들웨어를 사용하는 이유 사실 백엔드에 대한 아무런 지식이 없었기 때문에 내가 백엔드를 이해하기 위해선 app.use( ), app.get( ) 같은 미들웨어를 왜 사용하는지 부터 알아야 할 ..
Babel의 뜻과 사용법
·
Programming/Javascript
※ 이 글은 예전 블로그에서 퍼왔으며 2019.12.10.에 작성된 글입니다. Babel은 자바스크립트 컴파일러 이다. Babel을 주로 사용하는 이유는 새로운 방식의 자바스크립트로 개발을 하고 이전 방식의 자바스크립트로 배포하기 위해서 사용한다. ​ 먼저 Babel을 설피하기 위해선 node.js를 설치해야 한다. Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org node.js를 설치했다면 Babel Tutorial 초기화 www.notion.so 만약 React에서 사용했을 때, 이런 dog같은 오류가 뜬다면 (ex. SyntaxError / Unexpected token) SyntaxE..
node-sass 설치 과정 오류 (Error: EACCES: permission denied, mkdir '/usr/local/lib/node_modules/node-sass)
·
Programming/SASS (SCSS)
※ 이 글은 예전 블로그에서 퍼온 글입니다. 나만 그런지 모르겠는데 gem sass는 잘 설치되던데 node-sass를 설치하려고 하니 자꾸 에러가 떠서 환장하는 줄 알았다. 보통은 sudo npm install -g node-sass 라고 입력하면 다 잘되던데..ㅠ 나는 이렇게 뜨더라.. gyp info it worked if it ends with ok gyp verb cli [ gyp verb cli '/usr/local/bin/node', gyp verb cli '/usr/local/lib/node_modules/node-sass/node_modules/node-gyp/bin/node-gyp.js', gyp verb cli 'rebuild', gyp verb cli '--verbose', gyp ..
SVG 도형 그리기
·
Programming/SVG
※ 이 글은 예전 블로그에서 퍼온 글입니다. 사각형(rectangle) 태그로 표현하며 x, y, width, height, fill, stoke, stroke-width 속성을 주로 사용함. ​ 원(circle) 태그로 표현하며 cx, cy, r, stoke, stroke-width 속성을 주로 사용함. ​ 타원(ellipse) 태그로 표현하며 cx, cy, r, stoke, stroke-width 속성을 주로 사용함. ​ 선(line) 태그로 표현하며 시작점(x1, y1)과 끝점(x2, y2), stoke, stroke-width 속성을 주로 사용함. ​ 타원(ellipse) 태그로 표현하며 cx, cy, r, stoke, stroke-width 속성을 주로 사용함. ​ 폴리 라인(polyline) ..
ERROR 2002 (HY000): Can't connect to local MySQL server through socket '/tmp/mysql.sock' (2) 에러
·
Programming/MySQL
※ 이 글은 예전 블로그에서 퍼온 글입니다. ERROR 2002 (HY000): Can't connect to local MySQL server through socket '/tmp/mysql.sock' (2) ​ 이 에러는 MYSQL의 소켓 파일인 mysql.sock 파일이 없거나 정확하지 않아서 발생하는 에러이다. 정확한 해결 방법은 이 사이트를 참고 해보자. Linux DB - MYSQL 접속 - 소켓 지정하여 접속하기 MYSQL의 일반 사용자로 접속하기 위해서는 물론 접속 전에 해당 계정이 생성된 상태어야 하겠습니다. 일단 계정이 있으면 접속 방법은 다음과 같습니다. [root@jhp_test ~]# /usr/local/mysql/bin/mysql -u user01 -p user_db Enter ..
Error: ER_NOT_SUPPORTED_AUTH_MODE: Client does not support authentication protocol requested... 오류
·
Programming/MySQL
※ 이 글은 예전 블로그에서 퍼온 글입니다. MySQL 을 설치하고 나서 실행하면 가끔식 ​ Error: ER_NOT_SUPPORTED_AUTH_MODE: Client does not support authentication protocol requested by server; consider upgrading MySQL client 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 이런 에러가 뜬다. ​ 그..
HTML5 Canvas Tutorial for Beginners 필기
·
Programming/Canvas
※ 이 글은 예전 블로그에서 퍼왔으며 2020.3.6.에 작성된 글입니다. ※ 이 글은 해당 사이트를 보고 작성한 글 입니다. 모든 HTML5 Canvas를 위한 4가지 필수 스킬들 ​ 1. Creating and Resizing your canvas (Canvas를 만들고 크기를 조절할 수 있는 능력) ​ 2. Drawing Element (요소를 그릴 수 있는 능력) ​ 3. Animating Element (정적인 요소를 움직일 수 있게하는 능력) ​ 4. Interacting with Element (이벤트에 따라 요소를 움직일 수 있게하는 능력) Lecture #1. Creating and Resizing Canvas ​ · Canvas의 사이즈 조절은 HTML attribute나 JS로 하자 ..