안녕하십니까 저번에 node js express + typescript + webpack 세팅을 해봤습니다. 그리고 그 이어서 mysql에 연결까지 해보려고 합니다. 아직 많이 미숙하니 이상하더라고 봐주세요! 기본 세팅에 대해서는 저번에 작성글을 한번 봐주세요. 2019/05/12 - [nodeJS] - nodeJS Express + Typescript + webpack 적용하기 일단 express에 mysql 자체를 붙이는거는 Spring boot에 mysql 붙이는 것보다 진짜 간단합니다. npm install --save mysql npm install --save-D @types/mysql 커넥션과 사용법은 다음과 같습니다. // Connection export const connection = ..
안녕하십니까 철철입니다. 제가 이번에 이직을 하게 되면서 nodeJS를 사용해보게 됬으며 기존에 Angular를 접하면서 경험해본 typescript를 접목해보기 위해 삽질을 한 경험을 작성해보려 합니다. 제가 지금까지는 백엔드 개발을 Java - Spring Boot를 주로 사용해봤는데 이번에 nodeJS를 사용하게 되어 많이 미숙한데 아직 저는 풋내기 주니어 개발자이라는 명목으로 많이 삽질도 해보고 하다보면 언젠가는 숙련도가 쌓일것이라고 믿습니다! 많이 미숙하기도 하고 참고도 많이 하였으니 부족한 부분이 있다면 너그럽게 봐주세요... 일단 제 개발 환경은 OS: window10 pro Editor: VS Code Terminal: power Shell 정도입니다. 그리고 nodeJS를 개발하실때 중요..
오늘은 해시뱅에 대해 공부해봤습니다. 우선 웹에서 사용하는 #에 대해 알아보겠습니다. stach overflow에 검색을 해봤습니다. Ajax가 나오기 전부터 url에 사용됬다고 하는군요. 그리고 또 다른 질문도 있습니다. 8년도 더 된 글인데 예전 페북 및 트위터에서 사용하던 #!에 대해 질문하는 글입니다. (#!)은 HTML5와 함께 소개 된 JavaScript History API를 사용할 수있는 능력으로 대체 되었다고 합니다. 왜 해시뱅이 필요한가?에 대한 글은 다음 링크에 있습니다. 해시뱅이 필요한 이유는 단일 페이지 웹애플리케이션을 만들기 위해서입니다. 해시뱅을 사용하는 사이트들은 전통적인 웹사이트가 아닌 웹애플리케이션이라고 보아야 합니다. 자바스크립트의 성능이 급격히 증가한 이후에 페이지의 ..
검색시 하이라이트를 주는 기능을 구현하는 코드 hightlight(value: any, type){ if (this.searchType != type) { // 검색 타입비교 return value; } if(this.searchKeyword.length>0){ let match = value.match(this.re); //this.re = 검색어 // 공백 처리 & + 처리 this.re = new RegExp(this.searchKeyword.replace(/ /gi,"").split('').join("\\s*").replace(/\+/gi,"\\\+"),'gi'); if (!match) { return value; }else{ const res = value.replace(this.re, "" +..
JavaScript Array 관련 함수들 중에서 문자를 자르는 함수들이 있다. 그중에서도 몇개를 소개하자면 slice(), splice(), split(), subString(), substr()가 있다. * slice (시작인덱스, 종료인덱스?) : 기존 배열은 변하지 않고, 잘려진 배열을 반환 (배열, String) // ? null일 수 있음 * splice (시작인덱스, 삭제 갯수?, 추가할 문자) : 문자를 삭제한 후 추가할 수 있다, 기존 배열 변하고, 잘려진 배열 반환 // ? null일 수 있음 * split(정규식 | 구분문자 , 제한?) : 구분문자를 기준으로 잘라서 배열을 만든후 배열을 반환 (기존 String 유지) // ? null일 수 있음 * substring(시작인덱스, 종..
- Total
- Today
- Yesterday
- JPA
- 페이스북 로그인
- 파이썬
- mobx
- data grid component
- localStorage
- react
- React-router
- Python
- data table component
- https://www.tistory.com/auth/logout/
- 파이썬3
- JSON
- Redux
- MySQL
- angular router
- Angular
- jQuery
- Spring
- data component module
- CSS
- JavaScript
- Java
- data gird component
- data component
- Spring Boot
- python3
- Router
- facebook login
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |